CSS Font color not changing

Issue

I am making a php/mysql site and have to make a search panel:

The CSS Code is:

#search {
  color: #c02537;
  width:80%;
  margin: 20px auto;
  padding: 20px 20px;
  background: rgba(197,101,29,0.6);
  border-radius: 0 15px 0 15px;
  -moz-border-radius: 0 15px 0 15px;
  -webkit-border-radius: 0 15px 0 15px;
}

#searchf {
  margin:0 auto;
  width: 80%;
}

Corresponding HTML is:

<div id="search">
<form method="post" action="index.php" name="search" id="searchf">  
    <table>
    <tr>
        <td>Food Category: <input type="text" name="food_category" id="searchfc"/> </td>
        <td>City: <input type="text" name="city" id="searchfc"/> </td>
    </tr>
    </table>    
</form>
</div>

The CSS fill is applying the margins, padding and border attributes but not the color.

I have no idea why it is not working. Anybody have clues?

Solution

The table's td color might be overriding the color property of #search. Try this to specifically color the td's

#search table td {
  color: #c02537;
}

If you want to change the color of the input elements, try this :

#search table td input {
  color: #c02537;
}

Working DEMO

Answered By - Pranav 웃