html - Having Trouble Applying CSS to a form -


hello trying apply css form:

<form action="http://billerica.mvlc.org/opac/en-us/skin/default/xml/rresult.xml" accept-charset="utf-8" method="get">             <div id="search-box">                 catalog search:<br />                 <input type="hidden" id="rt" name="rt" value="keyword" />                 <input type="hidden" id="tp" name="tp" value="keyword" />                 <input type="text" alt="input box catalog search" maxlength="250"                  size="20" id="t" name="t" value=""  />                 <input type="hidden" id="ft" name="ft" value="" />                 <input type="hidden" id="l" name="l" value="9" />                 <input type="hidden" id="d" name="d" value="2" />                 <input type="hidden" id="f" name="f" value="" />                 <input type="hidden" id="av" name="av" value="" />                 <input type="submit" value="search" class="form-submit"  />             </div>             </form> 

i trying style search button , input fields. have looked throughout google search results , site , have found on , on use format styling button:

.submit input {     color      : #000;     background : #ffa20f;     border     : 2px outset #d7b9c9; } 

but not affecting search button @ all. how can reference button correctly?

your search button has class of "form-submit" while css rule looking class of "submit." if change css rule following, should target correct element:

.form-submit {   color: #000;   background: #ffa20f;   border: 2px outset #d7b9c9; } 

Comments

Popular posts from this blog

java - Play! framework 2.0: How to display multiple image? -

gmail - Is there any documentation for read-only access to the Google Contacts API? -

php - Controller/JToolBar not working in Joomla 2.5 -