Home >Web Front-end >HTML Tutorial >CSS伪类:focus为何只对个别属性有效?_html/css_WEB-ITnose
标签:
CSS:#txt_search:focus{ border:1px solid #FFA00; background-image:url('img/icon-search-s.png'); background-color:Yellow;color:Red;}
input获取焦点时只有color和background-color能被改变,而border和background-image则没有改变,这是为什么?虽然JQ的.focus()可以完成这个动作,但是我还是觉得用CSS伪类代码更美观,而且很好奇,为何CSS会选择性的只能改变个别属性。求大神解答
优先级问题
去掉border: 1px solid #E0E0E0; background-image:url('img/icon-search-n.png');
用css在其他地方定义
优先级问题
去掉border: 1px solid #E0E0E0; background-image:url('img/icon-search-n.png');
用css在其他地方定义
元素的style属性中的样式优先级最高,会覆盖其它样式表中的同名样式
优先级问题
去掉border: 1px solid #E0E0E0; background-image:url('img/icon-search-n.png');
用css在其他地方定义
确实是优先级问题,刚刚那个#FFA000,写到外面来写成#FFA00了。都写成内部式问题就解决了,感谢!