Bootstrap devre dışı bırakma düğmesinin rengi nasıl değiştirilir?

Question

Web sitemin bir sayfasında bir önyükleme düğmesi kullanıyorum ve devre dışı bırakılan düğmenin rengini değiştirmek istiyorum. "Grilaştırılmış" ve tıklayamayan bir düğme. CSS kullanarak bunun rengini değiştirmenin bir yolu var mı? Bunun için herhangi bir sınıf?

Çok teşekkür ederim!

Answer 1

durumda düğme şu şekilde görünür:

<button class="btn btn-primary" disabled>Button</button> 

sonraki CSS kodu rengini değiştirecek (sadece devre dışı olduğunda):

.btn.btn-primary[disabled] { 
    background-color: #00ff00; 
} 

veya

.btn.btn-primary:disabled{ 
    background-color: #00ff00; 
} 

Answer 2

I Eğer sorunuzu doğru anlayın; :disabled'u kullanmanız gerekir. Ayrıca

#work { 
 
    width: 200px; 
 
    height: 50px; 
 
    color: black; 
 
} 
 

 
#work:disabled{ 
 
    background-color: red; 
 
}

<button id="work"disabled="true" type="submit">Button </button>