Ändern Sie hintergrund-Farbe des dropdownlist-ausgewählte Element in ASP.NET mit CSS

Ich würde gerne den hintergrund ändern, die Farbe des ausgewählten Elements in dropdownlists, Listboxen und Textboxen. Ist das möglich mit CSS?

Dank

UPDATE

Gerade versucht, diese CSS:

::-moz-selection 
{
    background-color:#8CCA1E;
    color:Black;
}

Funktioniert gut für markierten text, aber nicht für den hover-Farben oder ausgewählte Element Farben auf dropdownlists oder Listboxen.

Du wirst Kompatibilitätsprobleme mit -moz-Auswahl. Der IE6 nicht unterstützt wird, kann nicht sprechen, IE7 oder IE8, aber ich vermute, dass 7 zumindest nicht
B - das ist Ok, ich bin nur mit Firefox im intranet.
Glücklichen! : ) ....

InformationsquelleAutor Mark Allison | 2010-11-15

asp.net c#css

3

Können Sie die Hintergrundfarben aus .aspx-Seite durch Angabe der CssClass, oder die BackColor-Eigenschaft.. es sieht aus wie:
```
<asp:ListBox CssClass="MyListBox" BackColor="#e0e0e0"></asp:ListBox>
```
Einstellung für das ausgewählte Element ist ein wenig schwieriger... ich glaube nicht, dass es ein Attribut für diese direkt. Sie können es in javascript oder jQuery, so etwas wie:
```
//Never mind, this won't work
<script type="text/javascript">
  $(document).ready(function() {
    $('#MyListBox').click(function() {
        $("#MyListBox option:selected").css("background-color", "#e0e0e0");
    }); 
  });
</script>
```
Ich werde das testen, um sicherzustellen, dass es funktioniert... wenn Sie einen geraden javascript-Lösung, ich werde sehen, was ich mit oben kommen kann. Aber wenn Sie nicht mit jQuery, und Sie wollen eine fein abgestimmte Kontrolle über die Steuerelemente, jetzt ist ein guter Zeitpunkt, es zu lernen : )

Danke an Justin für die Korrekturen am Skript!

BEARBEITEN

Hover ist einfach... hinzufügen Stil:
```
  select > option:hover {
    background-color:  #ffffd0;
  }
```
Setzen wird, die hintergrund Farbe auf jedem listbox-Element, das Sie bewegen Sie die Maus über auf die Seite. jQuery kann verwendet werden, um die Klick-Funktion auf allen Listboxen, nicht nur speziell #MyListBox... gib mir ein paar Minuten, ich ' ll fügen Sie einige code,

UPDATE

Nach umfangreichen Recherchen, anstrengend, jede Ressource, die ich hatte oder können meine Hände auf die beste Antwort, die ich kommen mit ist: Einstellung der ausgewählten Farbe kann nicht durchgeführt werden.

Nicht einmal das jQuery-code kam ich mit arbeiten. Die ausgewählte Farbe wird durch das Betriebssystem, und können nicht überschrieben werden.

Sorry, das beste, das ich tun kann, ist die :hover-pseudo-Selektor

: (

.

Ich bin mit jQuery und ich habe viele Dropdown-Listen auf meiner web-Formular. Gibt es eine Möglichkeit, ein hover-Farbe und die ausgewählte Farbe, um alle von Ihnen? Ich möchte nicht die Hintergrundfarbe, die nur der hover und ausgewählte Farben mit jQuery. Danke!
Die meisten WICHTIG Teil zu Lesen hier und ich beginne zu sehen, über und über ist dieser Kommentar: Nicht mal das jQuery-code kam ich mit arbeiten. Die ausgewählte Farbe wird durch das Betriebssystem, und können nicht überschrieben werden. ich sehe eine Menge von stellen, wo die Leute rattern jQuery Schnipsel zum ändern der CSS, aber nie zu testen. So weit ich kann, ändern Sie die backcolor-nicht-ausgewählte Elemente, aber die gewählte Farbe ist nicht überschreibbar.

InformationsquelleAutor James King
0

Möchten Sie vielleicht zu versuchen, den css-Selektor ::selection-das klingt wie es wird tun, was Sie wollen. Hier einen guten Artikel über Sie. Das problem ist nur, es zu sein scheint, css3 nur, so möchten Sie vielleicht, um zu versuchen, die jquery-Lösung James B gebucht, je nachdem, was Ihr browser Anforderungen sind.

Cool, ich bin mit einem modernen browser und müssen sich keine Gedanken über die Unterstützung von älteren Browsern. So, ein CSS3-Lösung wäre perfekt. Ich habe versucht, diese mit dem code aktualisiert meine Frage, aber die hover-Farben in Dropdown-Listen und Listenfelder werden nicht geändert. Ausgewählten text funktioniert gut, obwohl. Wissen Sie, wie Sie ändern die Farbe des hover-Farben und ausgewählte Elemente in dropdownlists und Listboxen?
Nun, es sieht aus wie Chrome funktioniert auf die gleiche Weise wie firefox code.google.com/p/chromium/issues/detail?id=62263. Auch haben Sie passieren zu versuchen, input ::moz-Auswahl für Ihre Selektor??
ja, ich habe versucht, input::-moz-Auswahl auch keinen Unterschied gemacht.
Ich habe Angst, dass James B könnte richtig sein, ich kann nicht denken, ein Weg, dies zu tun.

InformationsquelleAutor mwgriffith

Ein weiterer Ansatz ist die Nutzung von JS..

<asp:DropDownList ID="DropDownList1" runat="server" onchange="SelectedItemCLR(this);">  
   <asp:ListItem Text="Name1" Value="1"></asp:ListItem>  
   <asp:ListItem Text="Name2" Value="2"></asp:ListItem>  
   <asp:ListItem Text="Name3" Value="3"></asp:ListItem>

<script type="text/javascript">  
  function SelectedItemCLR(source) {   

      for (var i = 0; i < source.options.length; i++) {   
        if (i != source.selectedIndex)   
              source.options[i].style.backgroundColor = "White";   
          else   
              source.options[i].style.backgroundColor = "Red"; 

      }   
  }

Danke, ich würde gerne die Farben definiert werden, die in meiner CSS - Datei- gibt es eine Möglichkeit, das zu tun, mit JS? Ich will nicht, dass die Farben hart-codiert in meine asp-Seiten.
Ich denke, man kann angeben, CSS-Klasse, wie diese.. Quelle.Optionen[i].className ="YourCSS Name";

InformationsquelleAutor AspNetDev

0

Konnten Sie erstellen CSS-Regeln für diese und wenden Sie Sie programmatisch in der change-Handler im code. Oder Sie konnten Tippen Sie in das System.Drawing-namespace, um die gleiche Sache in Ihrem Handler.
```
//CSS 
.dropDownBackColor { background-color:#00ff00; }

//Code-Behind: in your selected index changed event handler 
//for the drop down list
ddl.CssClass = "dropDownBackColor";
```
ODER
```
ddl.BackColor = System.Drawing.Color.Yellow;
```
wird dies nicht ändern Sie einfach die Hintergrundfarbe des dropdown? Ich bin nur daran interessiert, verändert die hover-Farbe und die ausgewählte Farbe. Gibt es eine Möglichkeit, das zu tun, programmgesteuert?
Dann denke ich, dass jQuery wäre der Weg zu gehen für beide 🙂

InformationsquelleAutor IrishChieftain

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.