Home >Web Front-end >HTML Tutorial >CSS伪类:focus为何只对个别属性有效?_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 11:15:131673browse

标签: 
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了。都写成内部式问题就解决了,感谢!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn