StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POCSS background color ignored
text
Body
copied!<p>I'm trying to make a Stylish userstyle for all pages on www.livejournal.com. I want to style the text and select type input boxes with a particular background colour, but the bg colour does not get set on all input boxes, even though <code>color</code> does get set. Some boxes remain white.</p> <p>When I inspect them with Firebug, it says that the bg colour of the computed CSS is the colour I specified (not white!).</p> <p>The code I am using is</p> <pre><code>input[type*=text], select { -moz-border-radius: 0px!important; border-radius: 0px!important; border-color: #626363!important; border-color: rgba(255,255,255,0.06)!important; color: #aaa!important; background: #3A4756!important; font: 11px lucida grande, segoe ui, calibri, arial, sans-serif!important; } #SearchText { background: #3A4756!important; } </code></pre> <p><code>#SearchText</code> is the id of one particular problem element. <code>color: #aaa!important;</code> is applied to all these elements where the bg colour is ignored, and again, most other input boxes are styled correctly.</p> <p>Why might this be happening, and is there any workaround?</p> <p>update: I've tried changing the selector to <code>input[type="text"]</code>, and tried putting a space before <code>!important;</code>.</p> <p>I've also put my style code into a <a href="http://jsfiddle.net/AQktH/2/" rel="nofollow">fiddle</a> with the entire source of www.livejournal.com pasted into the html field. In that case, the bg colour is correctly applied. However if I try my userstyle with just that code block (to ensure nothing afterwards is overwriting it), and actually visit the site, it doesn't get applied.</p> <p>update: Followed Brock's suggestion without any change in FF :( However, the problem input boxes do get styled in Chrome, so apparently this is a problem with FF. </p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload