Ändern Funkfarbmaterialdesign

ich brauche das Material CSS Optionsfeld Farbe (mit Spalttyp orange) für die inneren punktierten von RadioknopfÄndern Funkfarbmaterialdesign

<!-- Compiled and minified CSS --> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css"> 

     <!-- Compiled and minified JavaScript --> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script> 

.with-gap[type="radio"].filled-in:checked + label:after{ 
    border: 2px solid #ff9800; 
    background-color: #ff9800; 
} 

<p> 
    <input class="with-gap" name="group1" type="radio" id="test3" /> 
    <label for="test3">Green</label> 
</p>

Quelle

2017-11-10 Code Guy

versuchen, dies ich hoffe, es wird funktionieren

[type="radio"]:checked + label::after, [type="radio"].with-gap:checked + label::after { 
 
    background-color: rgb(255, 138, 6) !important; 
 
} 
 
[type="radio"]:checked + label::after, [type="radio"].with-gap:checked + label::before, [type="radio"].with-gap:checked + label::after { 
 
    border: 2px solid rgb(255, 138, 6) !important; 
 
}

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
\t <title></title> 
 
</head> 
 
<body> 
 
<!-- Compiled and minified CSS --> 
 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css"> 
 

 
     <!-- Compiled and minified JavaScript --> 
 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script> 
 
<style> 
 

 
</style> 
 
<p> 
 
    <input class="with-gap" name="group1" type="radio" id="test3" /> 
 
    <label for="test3">Green</label> 
 
</p> 
 
</body> 
 
</html>

Quelle

2017-11-10 05:12:25

Verwenden unten Stil zu ändern:

.with-gap[type="radio"]:checked+label:after{ 
    background-color: #ff9800; 
    border-color: #ff9800; 
}

Verwenden Sie unter Stil für den äußeren Rand des Optionsfelds:

.with-gap[type="radio"]:checked+label:before{ 
    border-color: #ff9800; 
}

Ich hoffe, es hilft.

Quelle

2017-11-10 05:03:50

setzen diese [type="radio"].with-gap:checked+label:after { background-color: orange !important; }

und hier ist example

Quelle

2017-11-10 05:08:03

unten CSS mit der Try

input[type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:after{ 
background-color: #ff9800; 
} 

input[type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:before, [type="radio"].with-gap:checked+label:after { 
border: 2px solid #ff9800; 
}

Quelle

2017-11-10 05:08:23 santhosh

Ändern Funkfarbmaterialdesign

Antwort

Verwandte Themen