我正在为Web应用程序设计一个深色主题,在对对话框中的文本输入元素进行样式设置时遇到了一些特殊的行为。
更改输入元素的background-color
属性时,将清除所有默认样式(看起来好像其他人有此问题,请参见here)。
为解决这个问题,我尝试复制默认的样式行为(悬停时边框颜色变化和活动元素上的边框高光显示),我在此处对此进行了概括:http://jsfiddle.net/aq9Laaew/126995/
但是,在Firefox中,输入中的文本突出显示似乎已损坏-可以同时突出显示来自多个输入的文本(尽管ctrl + c仅复制最近选择的文本)。我尝试过更改user-select
,但没有任何区别。在Chrome或IE中不会发生这种情况。
我很乐意接受一个变通办法,尽管我很想了解在这种情况下background-color
属性的实际作用,因此可以提供任何帮助。