默认情况下,Sencha Touch 1.1提供一个radiofield和一个复选框字段,显示一个复选标记(勾号).由于这种设计,没有可视方式来区分它们.
如何更改无线电平台的外观,使其看起来像传统的单选按钮?
最佳答案 我添加了自己的样式来更改复选框的外观.
.x-field .x-input-radio:after, .x-field .x-input-radio:checked:after {
content: "";
position: absolute;
width: 1.25em;
height: 1.25em;
top: 50%;
left: auto;
-webkit-transform: rotate(0deg) skew(0deg);
-webkit-transform-origin: 50% 50%;
-webkit-border-radius: 2em;
right: 1.1em;
border: .45em solid;
margin-top: -0.75em;
}
.x-field .x-input-radio:checked:after {
border-color: #06346a;
}
.x-field .x-input-radio:after {
border-color: #dddddd;
}