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

程序员文章站 2022-03-15 09:22:21

...

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

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

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

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

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

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

相关标签： CSS伪类:focus为何只对个别属性有效？

上一篇： CSS3 :nth-child()伪类选择器_html/css_WEB-ITnose

下一篇： python使用beautifulsoup从爱奇艺网抓取视频播放