Closed Bug 1339388 Opened 6 years ago Closed 6 years ago

css color option select

Categories

(Core :: Layout: Form Controls, defect)

Product:
Core
Component:
Layout: Form Controls
Version:
51 Branch
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
RESOLVED DUPLICATE of bug 910022

People

(Reporter: fgilot, Unassigned)

Details

Attachments

(1 file)

test for reporter
306 bytes, text/html
Details 
User Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:51.0) Gecko/20100101 Firefox/51.0
Build ID: 20170125094131

Steps to reproduce:

I assign a background-color or a font color to the tag option of a tag select.


Actual results:

I assign a background-color or a font color to the tag option of a tag select but they appear white. So, i repaired Firefox and i saw the colors but when i restarted my computer and then restarted firefox, the options still appeared with a background-color white...
Same things appear with font color.


Expected results:

The colors of options when the list is pulled, should be of the color of the css
Keywords: css1, css2, css3, fonts, html4, html5, reproducible
Component: Untriaged → Layout: Form Controls
Keywords: css1, css2, css3, fonts, html4, html5, reproducible
Product: Firefox → Core
Attached file test for reporter — 
Does the styling in the attached html file work for you? Did you also style the <select> element?
Flags: needinfo?(fgilot)
this not work :
<html>
	<head>
		<title>Bug 1339388</title>
	</head>
	<body>
		<select name='mySelect'>
			<option value='0' style='background-color:red;color:yellow;'>0</option>
			<option value='1' style='background-color:red;color:yellow;'>1</option>
			<option value='2' style='background-color:red;color:yellow;'>2</option>
			<option value='3' style='background-color:red;color:yellow;'>3</option>
			<option value='4' style='background-color:red;color:yellow;'>4</option>
			<option value='5' style='background-color:red;color:yellow;'>5</option>
			<option value='6' style='background-color:red;color:yellow;'>6</option>
			<option value='7' style='background-color:red;color:yellow;'>7</option>
			<option value='8' style='background-color:red;color:yellow;'>8</option>
			<option value='9' style='background-color:red;color:yellow;'>9</option>			
		</select>
	</body>
</html>
It does not :
<html>
	<head>
		<title>Bug 1339388</title>
		<style>
			.option1 {
				background-color:red;
				color:yellow;
			}
		</style>
	</head>
	<body>
		<select name='mySelect'>
			<option value='0' class='option1'>0</option>
			<option value='1' class='option1'>1</option>
			<option value='2' class='option1'>2</option>
			<option value='3' class='option1'>3</option>
			<option value='4' class='option1'>4</option>
			<option value='5' class='option1'>5</option>
			<option value='6' class='option1'>6</option>
			<option value='7' class='option1'>7</option>
			<option value='8' class='option1'>8</option>
			<option value='9' class='option1'>9</option>			
		</select>
	</body>
</html>
i work with css file but it's the same thing...
(In reply to Sebastian Hengst [:aryx][:archaeopteryx] (needinfo on intermittent or backout) from comment #1)
> Created attachment 8837110 [details]
> test for reporter
> 
> Does the styling in the attached html file work for you? Did you also style
> the <select> element?

this not work :
<html>
	<head>
		<title>Bug 1339388</title>
	</head>
	<body>
		<select name='mySelect'>
			<option value='0' style='background-color:red;color:yellow;'>0</option>
			<option value='1' style='background-color:red;color:yellow;'>1</option>
			<option value='2' style='background-color:red;color:yellow;'>2</option>
			<option value='3' style='background-color:red;color:yellow;'>3</option>
			<option value='4' style='background-color:red;color:yellow;'>4</option>
			<option value='5' style='background-color:red;color:yellow;'>5</option>
			<option value='6' style='background-color:red;color:yellow;'>6</option>
			<option value='7' style='background-color:red;color:yellow;'>7</option>
			<option value='8' style='background-color:red;color:yellow;'>8</option>
			<option value='9' style='background-color:red;color:yellow;'>9</option>			
		</select>
	</body>
</html>

It does not :
<html>
	<head>
		<title>Bug 1339388</title>
		<style>
			.option1 {
				background-color:red;
				color:yellow;
			}
		</style>
	</head>
	<body>
		<select name='mySelect'>
			<option value='0' class='option1'>0</option>
			<option value='1' class='option1'>1</option>
			<option value='2' class='option1'>2</option>
			<option value='3' class='option1'>3</option>
			<option value='4' class='option1'>4</option>
			<option value='5' class='option1'>5</option>
			<option value='6' class='option1'>6</option>
			<option value='7' class='option1'>7</option>
			<option value='8' class='option1'>8</option>
			<option value='9' class='option1'>9</option>			
		</select>
	</body>
</html>

i work with css file but it's the same thing...
Styling <option> is broken with multiprocess.
Status: UNCONFIRMED → RESOLVED
Closed: 6 years ago
Flags: needinfo?(fgilot)
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.