Ändern Sie die Farbe oder das ausgewählte Element in mehreren Listenfeldern mit knockout.js

Question

Ich habe eine einfache Mehrfachliste. Ich versuche, die Farbe des ausgewählten Elements auf Optionen in Knockout zu ändern, scheint keinen Weg zu finden. Bitte helfen. Beim Klicken auf ein Element sollte das Element nicht mit der blauen Standardfarbe hervorgehoben werden. Gibt es einen Weg?

Hier ist mein fiddle

var Customer = function (id, name, expired) { 
     this.id = id; 
     this.customerName = name; 
     //this.expiryDate = expiryDate; 
     this.hasExpired = function() { 
      return expired; 
     }; 
    }; 

    function ViewModel() { 
     var self = this; 
     self.customerRegion = ko.observable(); 
     self.customerName = ko.observable(); 

     self.allCustomers = [new Customer(1, "User1", false), new Customer(2, "User2", true), new Customer(3, "User3", false)] 
     self.selectedCustomer = ko.observable() 

     self.setOptionStyling = function (option, item) { 
      console.log(item.hasExpired()) 
      ko.applyBindingsToNode(option, { 
       css: { 
        expired: item.hasExpired() 
       } 
      }, item); 
     } 
    } 
    ko.applyBindings(new ViewModel()) 

Mein html:

<select multiple = "multiple" id="customerSelect" 
      data-bind="options: allCustomers, 
      optionsText: 'customerName', 
      value: selectedCustomer, 
optionsAfterRender: setOptionStyling"" /> 

Answer 1

Es scheint, dass nicht möglich ist, die Markierungsfarbe (Oder zumindest ist nicht möglich, auf einfache Art und Weise) zu ändern. Bitte überprüfen Sie diese Antwort:

https://stackoverflow.com/a/19388345/3193847