border | 易学教程

小程序-循环修改状态

阅读更多关于小程序-循环修改状态

wxml 代码如下 <view class="storebox"> <view class="per_box"> <text class="per_title">产品系列：</text> <view class='select-box'> <picker class='picker' bindchange="bindPickerChange" value="{{index}}" range="{{array}}" range-key="{{'title'}}"> <view class='select'> {{arrayValue ? arrayValue : '请选择产品系列' }} <image class='select-img' src="../../static/images/r.png" ></image> </view> </picker> </view> <block wx:for="{{objList}}" wx:key="{{indexObjList}}" wx:for-item="vieorow"> <view class='select-box'> <picker class='picker' bindchange="bindPickerShopChange" data-index = '{{index}}' range="{{vieorow.shop}}"

自定义input[type=\"radio\"]的样式

阅读更多关于自定义input[type=\"radio\"]的样式

对于表单，input[type="radio"] 的样式总是不那么友好，在不同的浏览器中表现不一。 2017年11月28日更新对单选按钮自定义样式，我们以前一直用的脚本来实现，不过现在可以使用新的伪类 :checkbox 来实现。如果直接对单选按钮设置样式，那么这个伪类并不实用，因为没有多少样式能够对单选按钮起作用。不过，倒是可以基于单选按钮的勾选状态借助组合选择符来给其他元素设置样式。很多时候，无论是为了表单元素统一，还是为了用户体验良好，我们都会选择 label 元素和 input[type="radio"] 一起使用。当<label>元素与单选按钮关联之后，也可以起到触发开关的作用。思路： 1. 可以为<label>元素添加生成性内容(伪元素)，并基于单选按钮的状态来为其设置样式； 2. 然后把真正的单选按钮隐藏起来； 3. 最后把生成内容美化一下。解决方法： 1. 一段简单的结构代码： <div class="female"> <input type="radio" id="female" name="sex" /> <label for="female">女</label> </div> <div class="male"> <input type="radio" id="male" name="sex" /> <label for="male">男<

前端武器库之jQuery示例

阅读更多关于前端武器库之jQuery示例

1.全选反选取消相关知识点： - 选择器 - .prop $('#tb:checkbox').prop('checked'); 获取值 $('#tb:checkbox').prop('checked', true); 设置值 - .each jQuery方法内置循环： $('#tb:checkbox').xxxx - $('#tb:checkbox').each(function(k){ // k当前索引 // this，DOM，当前循环的元素 $(this) }) - 三元运算 var v = 条件 ? 真值 : 假值 <body> <input type="button" value="全选" onclick="checkAll();" /> <input type="button" value="反选" onclick="reverseAll();" /> <input type="button" value="取消" onclick="cancelAll();"/> <table border="1"> <thead> <tr> <th>选项</th><th>IP</th><th>PORT</th> </tr> </thead> <tbody id="tb"> <tr> <td><input type="checkbox" /></td> <td>1.1.1.1<

QQ，MSN，旺旺在线客服代码

阅读更多关于 QQ，MSN，旺旺在线客服代码

第一种特效：腾讯qq互动状态代码&自动识别在线状态将您的QQ/TM的在线状态发布在互联网上；点击“QQ图标”不用加好友也可以聊天；寻找商机，广交朋友，"互动状态"给您更便捷的交互体验。步骤如下：一、打开腾讯qq互动状态代码生成页 http://is.qq.com/webpresence/code.shtml 按步骤生成自己的QQ/TM代码二、用网页制作工具或记事本（简单）打开自己的网站在Html编辑器中，把你需要添加互动状态的地方直接粘贴网页代码即可。这种方式的好处是：你可随意设置“互动状态”的表现形式，文字图片随心随欲。演示地址： http://www.biaopaiji.com/connection.asp 第二种特效：随网页滚动条上下移动的效果浮动QQ在线客服&网站QQ在线咨询第一步：先把以下代码保存为kefu.htm 第二步：按橙色说明修改绿色部分是要修改的内容，html文档中不包括说明文字： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <link rel="stylesheet" href="images/ im.css" type="text/css"> </head> <script> var online= new Array(

xx闪购—搜索框和iconfont

阅读更多关于 xx闪购—搜索框和iconfont

1.做搜索框： <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>小米闪购 - 小米商城</title> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">  <link rel="stylesheet" href="css/style.css">  </head> <body> <div class="topbar"> <div class="container"> <div class="topbar-nav"> <a href="">小米商城</a><span>|</span>  <a href="">MIUI</a><span>|</span> <a href="">IOT</a><span>|</span> <a href="">云服务<

css样式初始化

阅读更多关于 css样式初始化

为了消除各浏览器对css默认的设置，保持网页在各浏览器中的外观保持一致，初始化css就显得非常必要了！很多时候出现的样式不兼容问题，都可以通过css初始化代码来解决。 1.最耗资源的，最简单的 * { padding: 0; margin: 0; border: 0; } 2.选择性初始化举例（综合） body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,legend,button form,fieldset,input,textarea,p,blockquote,th,td { 　　padding: 0; 　　margin: 0; } /* 酌情修改 */ body { background:#fff;color:#333;font-size:12px; margin-top:5px;font-family:"SimSun","宋体","Arial Narrow"; } /* 短引用的内容可取值：''或"" */ q:before,q:after {content:”;} /* 缩写，图片等无边框 */ fieldset,img,abbr,acronym {border: 0 none;} abbr,acronym {font-variant: normal;} legend {color:#000;} /*

How to reset / remove chrome's input highlighting / focus border? [duplicate]

阅读更多关于 How to reset / remove chrome's input highlighting / focus border? [duplicate]

问题 This question already has answers here : How to remove focus border (outline) around text/input boxes? (Chrome) [duplicate] (11 answers) Closed 4 years ago . I have seen that chrome puts a thicker border on :focus but it kind of looks off in my case where I've used border-radius also. Is there anyway to remove that? 回答1: You should be able to remove it using outline: none; but keep in mind this is potentially bad for usability: It will be hard to tell whether an element is focused, which can

w3c搬运CSS念念碎

阅读更多关于 w3c搬运CSS念念碎

w3c搬运CSS念念碎基本使用当使用 RGB 百分比时，即使当值为 0 时也要写百分比符号。但是在其他的情况下就不需要这么做了。比如说，当尺寸为 0 像素时，0 之后不需要使用 px 单位，因为 0 就是 0，无论单位是什么。如果值为若干单词，则要给值加引号 p { font-family: "sans serif"; } 是否包含空格不会影响 CSS 在浏览器的工作效果,不过存在一个例外：如果涉及到与 HTML 文档一起工作的话，class 和 id 名称对大小写是敏感的。选择器你可以对选择器进行分组，这样，被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。在下面的例子中，我们对所有的标题元素进行了分组。所有的标题元素都是绿色的。 h1,h2,h3,h4,h5,h6 { color: green; } body { font-family: Verdana, sans-serif; } 通过 CSS 继承，子元素将继承最高级元素（在本例中是 body）所拥有的属性（这些子元素诸如 p, td, ul, ol, ul, li, dl, dt,和 dd）。不需要另外的规则，所有 body 的子元素都应该显示 Verdana 字体，子元素的子元素也一样。并且在大部分的现代浏览器中，也确实是这样的。 id选择器：#id名在现代布局中，id

Qt 自定义日历控件

阅读更多关于 Qt 自定义日历控件

1.ui 界面 2.运行界面 3.源代码 //.h头文件 #ifndef MYCALENDAR_H #define MYCALENDAR_H #include <QWidget> #include <QCalendarWidget> #include <QTextFormat> #include <QPushButton> namespace Ui { class MyCalendar; } //自定义日历类 class MyCalendar : public QWidget { Q_OBJECT public: explicit MyCalendar(QWidget *parent = 0); ~MyCalendar(); private: Ui::MyCalendar *ui; signals: void signal_clickLeftYearButton(); void signal_clickRightYearButton(); void signal_clickLeftMonthButton(); void signal_clickRightMonthButton(); public Q_SLOTS: void slot_leftYearButtonClicked(); void slot_rightYearButtonClicked(); void slot

can't add border on map fragment android

阅读更多关于 can't add border on map fragment android

问题 I get an issue when I try to add border on fragment, this seems not to work ... This is my fragment xml, but if I added on other layout like Linear or Relative Layout, this works.. <fragment android:id="@+id/map" android:name="com.google.android.gms.maps.SupportMapFragment" android:layout_width="match_parent" android:layout_height="120dp" android:layout_below="@+id/include1" android:background="@drawable/border_bottom" /> and border_bottom.xml <layer-list xmlns:android="http://schemas.android

订阅 border