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
Post a Comment