bootstarp input readonly背景色修改

Question

bootstarp input readonly背景色修改
input:read-only
{
background-color: yellow;
}
只要加了bootstrap的class：class="form-control " 他就会覆盖这个 起不到效果
我想要的是readonly的input type=“text” 背景色变成白色的

Answer 1

重新定义下form-control[readonly]样式，注意用[readonly]，而不是:read-only，有些浏览器不支持

input[readonly],.form-control[readonly]{background-color: yellow;}