[gelöst]custom search css bei :focus
Eingetragen von deelite (468)am 02.06.2010 - 07:03 Uhr in
Hallo,
ich suche jetzt bereits 4h nach einer Lösung und bin kurz vor der Verzweiflung. Ich setze custom search ein und habe mir das ganze hübsch gemacht. Klicke ich allerdings in das Suchfeld, ändert sich die Darstellung.
Kann mir jemand einen Tipp geben, mit welcher(n) Klasse(n) das Suchfeld bei :focus gestyled ist? Oder vielleicht, wie man das bei aktivem :focus per firebug herausbekommt?
Sollte das ganze trivial sein, bringt es mir bitte schonend bei. Ich habe jedenfalls gerade eine Blockade.
- Anmelden oder Registrieren um Kommentare zu schreiben
Hat sich erledigt. Ich habe
am 02.06.2010 - 07:22 Uhr
Hat sich erledigt.
Ich habe das input-Feld bisher im css direkt mit seiner Klasse angesprochen
input.klassenname {Da ist es mir nicht gelungen, auch noch den focus mit anzubringen, um diesen Zustand stylen zu können.
Ich hab mir dann einfach das übergeordnete div dazugenommen, und schon konnte ich :focus stylen.
div#uebergeordnet input:focus {Das hatte ich zwar gestern auch schon versucht, wahrscheinlich aber mit einem Fehler, denn es hatte nicht funktioniert.
Interessant wäre aber trotzdem, in welchen Klassen das Modul den Zustand :focus styled.
Hallo,kann mir jemand
am 13.12.2011 - 19:08 Uhr
Hallo,
kann mir jemand helfen. Schaffe es einfach nicht, dass Suchfeld mit CSS anzusprechen:
<form id="search-block-form" accept-charset="UTF-8" method="post" action="/"><div>
<div class="container-inline">
<h2 class="element-invisible">Suchformular</h2>
<div class="form-item form-type-textfield form-item-search-block-form" role="application">
<label class="element-invisible" for="edit-search-block-form--2">Suche </label>
<input id="edit-search-block-form--2" class="form-text form-autocomplete" type="text" maxlength="128" size="15" value="" name="search_block_form" title="Geben Sie die Begriffe ein, nach denen Sie suchen." autocomplete="OFF" aria-autocomplete="list">
<input id="edit-search-block-form--2-autocomplete" class="autocomplete autocomplete-processed" type="hidden" disabled="disabled" value="http://www.der-skeptiker.de/search_autocomplete/autocomplete">
<span id="edit-search-block-form--2-autocomplete-aria-live" class="element-invisible" aria-live="assertive"></span>
</div>
ich habs z.B. versucht mit
#form-item form-type-textfield form-item-search-block-form {background:red;
}
aber das klappt auch nicht. Hat jemand ne Idee? Oben steht der code des ganzen Search-Blocks.
lg
Versuchs mal
am 13.12.2011 - 23:49 Uhr
Versuchs mal mit
form#search-block-form input#edit-search-block-form--2 {. . . . . . .
}
Beste Grüße
Werner
P.S. Ohne Grundlagen in CSS wird das auf Dauer nix mit Änderungen an der Webseite. Auch ich bin nicht immer so gutmütig.