Commit 3a039738 authored by hbcui1984's avatar hbcui1984

修改radio/checkbox的disabled样式

parent 38f8d241
...@@ -2240,12 +2240,15 @@ select:focus { ...@@ -2240,12 +2240,15 @@ select:focus {
border: 0; border: 0;
outline: 0 !important; outline: 0 !important;
} }
.mui-radio input[type="radio"][disabled]:before, .mui-checkbox input[type="checkbox"][disabled]:before {
opacity: .3;
}
.mui-radio input[type="radio"]:before, .mui-checkbox input[type="checkbox"]:before { .mui-radio input[type="radio"]:before, .mui-checkbox input[type="checkbox"]:before {
font-family: Muiicons; font-family: Muiicons;
font-size: 28px; font-size: 28px;
font-weight: normal; font-weight: normal;
line-height: 1; line-height: 1;
color: rgba(170, 170, 170, .6); color: #aaa;
text-decoration: none; text-decoration: none;
background: none; background: none;
border-radius: 0; border-radius: 0;
...@@ -2256,6 +2259,10 @@ select:focus { ...@@ -2256,6 +2259,10 @@ select:focus {
color: #007aff; color: #007aff;
} }
.mui-radio.mui-disabled label, .mui-radio label.mui-disabled, .mui-checkbox.mui-disabled label, .mui-checkbox label.mui-disabled {
opacity: .4;
}
.mui-radio input[type="radio"]:before { .mui-radio input[type="radio"]:before {
content: "\e411"; content: "\e411";
} }
...@@ -3276,18 +3283,18 @@ select:focus { ...@@ -3276,18 +3283,18 @@ select:focus {
} }
.mui-numbox .mui-numbox-input { .mui-numbox .mui-numbox-input {
display: inline-block; display: inline-block;
width: 100%; width: 100% !important;
height: 100%; height: 100%;
padding: 0 3px; padding: 0 3px !important;
margin: 0; margin: 0;
overflow: hidden; overflow: hidden;
text-align: center; text-align: center;
text-overflow: ellipsis; text-overflow: ellipsis;
word-break: normal; word-break: normal;
border: none; border: none !important;
border-right: solid 1px #ccc; border-right: solid 1px #ccc !important;
border-left: solid 1px #ccc; border-left: solid 1px #ccc !important;
border-radius: 0; border-radius: 0 !important;
} }
.mui-input-row .mui-numbox { .mui-input-row .mui-numbox {
......
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
<label>checkbox</label> <label>checkbox</label>
<input name="checkbox" type="checkbox" checked> <input name="checkbox" type="checkbox" checked>
</div> </div>
<div class="mui-input-row mui-checkbox mui-left"> <div class="mui-input-row mui-checkbox mui-left mui-disabled">
<label>disabled checkbox</label> <label>disabled checkbox</label>
<input name="checkbox" type="checkbox" disabled="disabled"> <input name="checkbox" type="checkbox" disabled="disabled">
</div> </div>
...@@ -55,7 +55,7 @@ ...@@ -55,7 +55,7 @@
<label>checkbox</label> <label>checkbox</label>
<input name="checkbox1" type="checkbox" checked> <input name="checkbox1" type="checkbox" checked>
</div> </div>
<div class="mui-input-row mui-checkbox"> <div class="mui-input-row mui-checkbox mui-disabled">
<label>disabled checkbox</label> <label>disabled checkbox</label>
<input name="checkbox1" type="checkbox" disabled="disabled"> <input name="checkbox1" type="checkbox" disabled="disabled">
</div> </div>
......
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
<label>radio</label> <label>radio</label>
<input name="radio1" type="radio" checked> <input name="radio1" type="radio" checked>
</div> </div>
<div class="mui-input-row mui-radio mui-left"> <div class="mui-input-row mui-radio mui-left mui-disabled">
<label>disabled radio</label> <label>disabled radio</label>
<input name="radio1" type="radio" disabled="disabled"> <input name="radio1" type="radio" disabled="disabled">
</div> </div>
...@@ -58,7 +58,7 @@ ...@@ -58,7 +58,7 @@
<label>radio</label> <label>radio</label>
<input name="radio1" type="radio" checked> <input name="radio1" type="radio" checked>
</div> </div>
<div class="mui-input-row mui-radio"> <div class="mui-input-row mui-radio mui-disabled">
<label>disabled radio</label> <label>disabled radio</label>
<input name="radio1" type="radio" disabled="disabled"> <input name="radio1" type="radio" disabled="disabled">
</div> </div>
......
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -326,14 +326,19 @@ ...@@ -326,14 +326,19 @@
</li> </li>
<li class="mui-table-view-divider">模板</li> <li class="mui-table-view-divider">模板</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/lazyload-image.html">
lazyload(懒加载)
</a>
</li>
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/locker-dom.html"> <a class="mui-navigate-right" href="examples/locker-dom.html">
locker(手势图案锁屏) locker(手势图案锁屏)
</a> </a>
</li> </li>
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/lazyload-image.html"> <a class="mui-navigate-right" open-type="common" href="examples/setting.html">
lazyload(懒加载) setting(设置)
</a> </a>
</li> </li>
</ul> </ul>
...@@ -458,11 +463,11 @@ ...@@ -458,11 +463,11 @@
mui.fire(headerWebview,'updateHeader',{title:title,showMenu:showMenu}); mui.fire(headerWebview,'updateHeader',{title:title,showMenu:showMenu});
var reload = true; var reload = true;
if (!template.loaded) { if (!template.loaded) {
//if (contentWebview.getURL() != this.href) { if (contentWebview.getURL() != this.href) {
contentWebview.loadURL(this.href); contentWebview.loadURL(this.href);
//} else { } else {
// reload = false; reload = false;
//} }
} else { } else {
reload = false; reload = false;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment