2015-06-01 15 views
5

Önyükleme tablosu sınıfını kullanıyorum. Varsayılan kenarlık rengi gri/gümüş - Sanırım.Bir önyükleme masasının kenarlık rengini değiştirmenin en iyi yolu nedir?

Ancak kenarlık rengini kırmızı olarak değiştirmek istiyorum, ancak çalışamadım.

Bu

ben ne var enter image description here


CSS

.table { 
border: red solid 1px !important; 
} 

HTML: Tablo

<table class="table table-bordered piechart-key "> 

    <thead > 
     <th></th> 
     <th></th> 
     <th> Item Summary</th> 
     <th> Item List</th> 

    </thead> 
    <tbody> 
     <tr> 
      <td width="30"></td> 
      <td width="200"> 
       &gt; 50% of students answered these items correctly 
      </td> 
      <td width="50">5/25</td> 
      <td width="100">5,10,15,19,23</td> 
     </tr> 
     <tr> 
      <td width="30"></td> 
      <td width="200">50% up to 75% of students answered these items correctly</td> 
      <td width="50">8/25</td> 
      <td width="100">3,7,11,13,14,16,21,22</td> 
     </tr> 
     <tr> 
      <td width="30"></td> 
      <td width="200">&ge; 75% of students answered these items correctly</td> 
      <td width="50">12/25</td> 
      <td width="100">1,2,4,6,8,9,12,17,18,20,24,25</td> 
     </tr> 
    </tbody> 
</table> 

Here is my JSFiddle


Bir önyükleme masasının kenarlık rengini değiştirmenin en iyi yolu nedir?

+1

Sadece CSS seçicilerinizle biraz daha spesifik olun ve sahip olduklarınızla iyi geçin! – Jay

cevap

5

deneyin hücrelere uygulamak için:

.table th{ 
    border: red solid 1px !important; 
} 

http://jsfiddle.net/w0b73dwt/7/


DÜZENLEME

OBS: başlığındaki için

.table td{ 
    border: red solid 1px !important; 
} 

: ! Önemli yönergesini kullandım çünkü başka basit bir yol bulamadım. Tabii ki hepimiz bunun kötü bir css uygulaması olduğunu biliyoruz, ancak bazı durumlarda riski çalıştırmak zorunda kalacağız. Diğer bir yol önyükleme onun tarzını beyan tam olarak nasıl bulup td ve th için yüksek önceliğe sahip bir css seçici oluşturmak olacaktır. Bu durumda, ilk bootstrap güncellemesinde kırılabilir.

+0

@ 开发 人员 bir göz atın. "Önemli" in gerçekten gerekli olup olmadığını görün. Stillerle fazla oynamamıştım. –

+1

"Önemli" ile çalışır. Bu olmadan, işe yaramıyor. – ihue

+0

@ihue Aynı şey benim için. Bazı sebeplerden ötürü, önemli değildir (_Chrome Dev Tools_ herhangi bir superceding özelliği göstermediğinde bile) – Anupam

İlgili konular