首页 >web前端 >html教程 >CSS伪类:focus为何只对个别属性有效?_html/css_WEB-ITnose

CSS伪类:focus为何只对个别属性有效?_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:15:131659浏览

标签: 
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在其他地方定义



好像也不是优先级问题  默认样式和focus样式都写成内部式一样的没用

元素的style属性中的样式优先级最高,会覆盖其它样式表中的同名样式


优先级问题
去掉border: 1px solid #E0E0E0; background-image:url('img/icon-search-n.png');
用css在其他地方定义



好像也不是优先级问题  默认样式和focus样式都写成内部式一样的没用
border:1px solid #FFA A00

确实是优先级问题,刚刚那个#FFA000,写到外面来写成#FFA00了。都写成内部式问题就解决了,感谢!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn