asked on 4/10/2017

Text color in a select

I've changed the background in the select from the default blue to a light gray. How do I change the text to black?

This if from the css:

select.list1
{
    background-color: #D3D3D3;
}

Last Comment

4/11/2017

4/10/2017

Try this ;)

select.list1{
    background-color: #D3D3D3;
}

select.list1 option{
    color: #000; /* For text color */
}

Open in new window

breeze351

4/10/2017

ASKER

How do I change the color?
Heres the code

			<select class = "list1" name = "Up_North">
			<?php
				//Iterate through Street File and populate drop down
				$SqlString1 = "SELECT * FROM street_grid order by STREET desc";
				$Street_Data = $conn->query($SqlString1);
				while ($ROW = $Street_Data->fetch_array())
				{
					echo "<option value = \"";
					echo $ROW['STREET'];

Open in new window

Mukesh Yadav

4/10/2017

Just add these css rules:

select.list1{
    background-color: #D3D3D3;
}

select.list1 option{
    color: #000; /* For text color */
}

Open in new window

breeze351

4/10/2017

ASKER

Okay, I'm an idiot!
The code in the page is:

			<select class = "list1" name = "Up_North">
			<?php
				//Iterate through Street File and populate drop down
				$SqlString1 = "SELECT * FROM street_grid order by STREET desc";
				$Street_Data = $conn->query($SqlString1);
				while ($ROW = $Street_Data->fetch_array())
				{
					echo "<option value = \"";
					echo $ROW['STREET'];

Open in new window

The css reads as follows:

select.list1
{
    background-color: #D3D3D3;
}
select.list1 option{
    color: #000;
}

Open in new window

Am I missing something on the line in this code:

echo "<option value = \"";
					echo $ROW['STREET'];
					echo "\"";

Open in new window

Mukesh Yadav

4/10/2017

Share whole while loop code part.

breeze351

4/10/2017

ASKER

You want it. You got it, Here's all the code in question:

<!-- North -->
		<td>
			<div id="Body_Labels">
				<p style="margin-bottom: 0px;">North:</p>
			</div>
		</td>  
        
		<td>
			<select class = "list1" name = "Up_North">
			<?php
				//Iterate through Street File and populate drop down
				$SqlString1 = "SELECT * FROM street_grid order by STREET desc";
				$Street_Data = $conn->query($SqlString1);
				while ($ROW = $Street_Data->fetch_array())
				{
					echo "<option value = \"";
					echo $ROW['STREET'];
					echo "\"";
					if ($ROW['STREET'] == $Up_North)
				 	{
						echo " selected";
					}
					echo ">";						
					echo $ROW['STREET'];
					echo "</option>";
				}
			?>
			</select>
		</td>
		<!-- End North -->