Closed
Bug 434265
Opened 17 years ago
Closed 17 years ago
Cannot set border on input elements in userContent.css
Categories
(Firefox :: General, defect)
Tracking
()
RESOLVED
WORKSFORME
People
(Reporter: LeWiemann, Unassigned)
References
()
Details
User-Agent: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9) Gecko/2008051202 Firefox/3.0
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9) Gecko/2008051202 Firefox/3.0
<input> elements normally can have their borders changed by CSS, but if you attempt to change the border from within userContent.css, it doesn't work. Setting other CSS properties of input elements from userContent.css works though.
I believe this worked fine in Firefox 2.
Reproducible: Always
Steps to Reproduce:
Put this into your userContent.css:
@-moz-document url-prefix(http://students.vassar.edu/lewiemann/fx-border.css) {
input { border: 2px solid green ! important; color: red; }
}
Restart Firefox. (Don't forget to adjust the url-prefix if testing locally.)
Now open this page: http://students.vassar.edu/lewiemann/fx-border.html
Actual Results:
The top two input elements don't have a green border. Instead, the border has Firefox' default styling.
Expected Results:
The borders should be green.
In case it goes down, http://students.vassar.edu/lewiemann/fx-border.html has the following content:
<html>
<head></head><body>
<p>All inputs should be red. If not, put this in your userContent.css:</p>
<pre>@-moz-document {
input { border: 2px solid green ! important; color: red; }
}</pre>
<input type="submit" value="border not set in style property, but in userContent.css"/>
<input type="text" value="border not set in style property, but in userContent.css"/> (bugs)
<p>
<input type="submit" value="border set in style property" style="border: 2px solid blue ! important;"/>
<input type="text" value="border set in style property" style="border: 2px solid blue ! important;"/> (correct)
</body>
</html>
|
||
Comment 2•17 years ago
|
||
That is by design, actually, see bug 240117, esp bug 240117 comment 18 and following.
Adding '-moz-appearance: none' in the user stylesheet will solve your problem.
Status: UNCONFIRMED → RESOLVED
Closed: 17 years ago
Resolution: --- → WORKSFORME
You need to log in
before you can comment on or make changes to this bug.
Description
•