Design bei Formular Eingabefelder

Beitrag von **Billy04** » 24.08.2006, 09:15

Hallo

Auf meiner Seite habe ich Formulareingabefelder, welche ich via CSS etwas umgewandelt habe und zwar so, dass dieser versenkende 3D Effekt in grau verschwindet und die Ränder in blau erscheinen. Dies klappt wunderbar. Nun habe ich aber noch ein Auswahlmenu-Formularfeld, wo vordefinierte Daten ausgewählt werden können. Dort funktioniert das mit dem CSS nicht mehr. Weiss jemand wie ich dies umgehen kann?

Besten Dank

von **Anzeige von ABAKUS** »

Beitrag von **busTa** » 24.08.2006, 09:58

Code: Alles auswählen

input, select &#123;

/*deine style angaben*/

&#125;

Einfach im Stylesheet nach input auch noch select angeben.

Beitrag von **Billy04** » 24.08.2006, 10:07

mein css sieht eben so aus:

}
.auswahlfeld{
width: 200px;
border: 1px solid #023654;

wie soll ich es denn hier machen?

Beitrag von **cren** » 24.08.2006, 11:31

<select class="auswahlfeld" name="blabla">....

Beitrag von **Billy04** » 24.08.2006, 12:52

ja das ist natürlich klar - auf der seite selber ist der Eintrag so wie du schreibst aber es geht ja um das design und das ist ja im CSS hinterlegt und zwar so:

}
.auswahlfeld{
width: 200px;
border: 1px solid #023654;

aber es nimmt es nicht an.

Beitrag von **Anonymous** » 24.08.2006, 16:04

bei einigen Formularkomponenten ist es nur beschränkt möglich das Aussehen per CSS zu ändern....

Beitrag von **Southmedia** » 24.08.2006, 19:29

Genau net(t)worker:
https://www.experts-exchange.com/Web/We ... 28322.html

Beitrag von **MonikaTS** » 24.08.2006, 19:51

Southmedia hat geschrieben:Genau net(t)worker:
https://www.experts-exchange.com/Web/We ... 28322.html

korrekt ABER

es gibt ja alternativen

Replace Select

ich mag seine Tricks gebe ich zu

und so habe sogar ich es geschafft, dem select einen roten Rand zu geben

Code: Alles auswählen


<form>
  <fieldset>
    <select name="select" multiple="multiple" size="5" style="padding&#58; 6px;border&#58;2px ridge red;">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        
    </select>
  </fieldset>
< /form>

lg

Beitrag von **Billy04** » 25.08.2006, 08:53

das heisst, ich soll das ganze direkt im html code hinterlegen und nicht im css?

Beitrag von **MonikaTS** » 25.08.2006, 11:53

alles nicht, aber zb den Rand mit style="....
anders nehme ich an wird es nicht funktionieren

lg

Beitrag von **Nullpointer** » 25.08.2006, 12:53

also bei mir funzt das auch im externen stylesheet.
kommt wohl auf den browser an...

Beitrag von **Caesar** » 25.08.2006, 13:38

Es ist eigentlich egal, wo es hinterlegt wird. Normalerweise müsste es auch in der css funktionieren!

Beitrag von **MonikaTS** » 25.08.2006, 13:43

Caesar hat geschrieben:Es ist eigentlich egal, wo es hinterlegt wird. Normalerweise müsste es auch in der css funktionieren!

"müßte"

nutzt nichts, seitdem es den Internet Explorer gibt

und von dem gibt es ja bekanntlich nicht nur eine Version am Markt.

wem es egal ist, dass bei diesem Browser ein farbiger Rand ist bei jenem nicht, der nutzt die externe css, wer dies nicht möchte schreibt es direkt in den Quellcode.

darüberhinaus ist es vermutlich auch eine Frage der Cascade,
aber ich halte ja hier keinen Vortrag über CSS im fühnzehnten Semester, sondern es geht um praktikable und so gut als möglich richtige Lösungen -

also so seh ichs einfach

Beitrag von **Nullpointer** » 25.08.2006, 14:15

wer den ie verwendet sollte grundsätzlich potthässligen websites ausgesetzt werden.