Având probleme Aplicând CSS într-un formular

Bună ziua Încerc să aplic CSS în acest formular:

<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:
<input type="hidden" id="rt" name="rt" value="keyword" /> <input type="hidden" id="tp" name="tp" value="keyword" /> <input type="text" alt="Input Box for 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>

Încerc să modelez butonul Căutați și câmpurile de introducere. M-am uitat în toate rezultatele căutării Google și pe acest site și am reușit să folosesc acest format pentru a modela butonul:

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

Dar acest lucru nu afectează deloc butonul Căutare. Cum pot face acest buton corect?

0

3 răspunsuri

De fapt, ceea ce încercați să faceți este să stylizați o etichetă de intrare într-un container cu trimitere de clasă. Dacă doriți să trimiteți un tip de tip de intrare.

input[type="submit"]{
  color: #000;
  background: #ffa20f;
  border: 2px outset #d7b9c9;

}
0
adăugat

Se pare că direcționați greșit intrarea. Încercați să utilizați următorul CSS care vizează ID-ul elementului părinte și apoi butonul de trimitere.

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

http://jsfiddle.net/WcVdn/

0
adăugat

Butonul dvs. de căutare are o clasă de "form-submit" în timp ce regula dvs. CSS caută o clasă de "trimiteți". Dacă modificați regula CSS la următoarele, ar trebui să vizați elementul corect:

.form-submit
{
  color: #000;
  background: #ffa20f;
  border: 2px outset #d7b9c9;
}
0
adăugat
Multumesc, a lucrat ca un farmec!
adăugat autor Sam, sursa
Bine, bate-mă cu un minut. Vreau să las singur pe jsfiddle
adăugat autor Hacknightly, sursa
Amuzant, m-am gândit că a ta a fost un răspuns mai bun pentru că ai inclus exemplul de lucru.
adăugat autor Jesse Squire, sursa