Bootstrap select > option spalva

Sveiki,

Nutiko taip, kad reikia į bootstrap integruoti uniform arba kitokį pluginą, kuris leistų pakeisti <option> hoverio spalvą. Visada ji būna mėlyna ant chrome, tačiau man reikia žalios.. Tad norėjau pasiklausti - gal kas nors esat susidūrę?

Yra keli būdai to pasiekt, bet tikriausia tau tinkantis bus:

Sukuri normalų select su visais option ir jį darai opacity: 0;

<select>
   <option value="1">Redaguoti pirma irasa</option>
   <option value="2">Redaguoti antra irasa</option>
   <option value="3">Redaguoti tracia irasa</option>
   <option value="4">Redaguoti ketvrita irasa</option>
</select>

Tada kuri imitacinius elementus pvz.:

<div class="select"> <!-- Imitacinis <select> -->
   <span data-option="1">Redaguoti pirmą įrašą</span> <!-- imitacinis <option>
   <span data-option="2">Redaguoti antra įrašą</span> <!-- imitacinis <option>
   <span data-option="3">Redaguoti trečią įrašą</span> <!-- imitacinis <option>
   <span data-option="4">Redaguoti ketvritą įrašą</span> <!-- imitacinis <option>
</div>

Be to nebūtina rankiniu būdu kurt, galima tiesiog pasiimti iš <select>

Su JS(BS jQuery biblioteka naudoja tai vieni juokai padaryt) padarai, kad kaip tau reikia tie span išlįstu na ir -

$(".select").on("click", "span", function() {
   $("select").val($(this).attr("data-option"));
});

Netikrinai, bet esme manau supratai :)

Taip, galima isimest plugina pajungt ir nezinot kaip veikia, bet geriau pasidaryt paciam, kad kita karta sia vieta nebutu problemu.

https://github.com/silviomoreto/bootstrap-select

arba naudok bs dropdown

http://getbootstrap.com/components/#dropdowns

poto pakeisk variables.less @dropdownLinkColorHover ir perkompiliuok

arba su css

.dropdown-menu li > a:hover{ color:green }

Yra keli būdai to pasiekt, bet tikriausia tau tinkantis bus:

 

Sukuri normalų select su visais option ir jį darai opacity: 0;

 

<select>
   <option value="1">Redaguoti pirma irasa</option>
   <option value="2">Redaguoti antra irasa</option>
   <option value="3">Redaguoti tracia irasa</option>
   <option value="4">Redaguoti ketvrita irasa</option>
</select>

 

Tada kuri imitacinius elementus pvz.:

 

<div class="select"> <!-- Imitacinis <select> -->
   <span data-option="1">Redaguoti pirmą įrašą</span> <!-- imitacinis <option>
   <span data-option="2">Redaguoti antra įrašą</span> <!-- imitacinis <option>
   <span data-option="3">Redaguoti trečią įrašą</span> <!-- imitacinis <option>
   <span data-option="4">Redaguoti ketvritą įrašą</span> <!-- imitacinis <option>
</div>

 

Be to nebūtina rankiniu būdu kurt, galima tiesiog pasiimti iš <select>

 

Su JS(BS jQuery biblioteka naudoja tai vieni juokai padaryt) padarai, kad kaip tau reikia tie span išlįstu na ir -

 

$(".select").on("click", "span", function() {
   $("select").val($(this).attr("data-option"));
});

 

Netikrinai, bet esme manau supratai :)

 

Taip, galima isimest plugina pajungt ir nezinot kaip veikia, bet geriau pasidaryt paciam, kad kita karta sia vieta nebutu problemu.

Viskas būtų ok, jei nebūtų papraščiau ir greičiau su tuo pačiu uniform plugin ;)

https://github.com/s...ootstrap-select

 

arba naudok bs dropdown

http://getbootstrap....ents/#dropdowns

 

poto pakeisk variables.less @dropdownLinkColorHover ir perkompiliuok

arba su css

.dropdown-menu li > a:hover{ color:green }

Gal ir nieko mintis būtų, reikės pamėginti :)

bandyk eiti link -webkit-appearance - jis leidzia keisti defaultinius elementu stilius. Man ant safari padejo pakeisti selecta i firefox pavidala.

ne, gaidis, vistiek pats renderina http://jsfiddle.net/nonamez/WLG54/2/

Va va.. Vienintelė išeitis kiek žinau tai yra kurti span ant viršaus ir elementus dėti į UL, bet nesąmonė taip daryti.

aš turiu pasidaręs patogiai, kuomet pats select yra child elementas divo, kurio BG darau kaip noriu, selectas turi

appearance: none;

dėl to nematomas. Bet pats dropdownas išlieka vistiek defaultinis, jeigu ir jį reiktų keisti tai manau aukščiau pavardinti variantai būtų kogero vieninteliai? :|