ブートストラップコンポーネントのCSSスタイルを書き換え

まず、削除ボタンをクリックすると、青い枠を押します

1  .btn:フォーカス、
 2  .btn:活性:フォーカス、
 3  .btn.active:フォーカス、
 4  .btn.focus、
 5  .btn:active.focus、
 6  .btn.active.focus {
 7      概要:なし。
8      ボックスシャドウ:なし。/ *去除阴影* /
 9 }

 

第二に、選択したコンポーネントの取り外し青い枠線を選択

1  / * -----除去ドロップダウン選択ボックス------- *概要/
 2  トグル.bootstrap-SELECT-.dropdown:フォーカス{
 3。     概要:重要なし;!
 4  }
 。5  
。6  / * - ---削除ドロップダウン選択ボックスオプション--- *概要/
 7。 :{フォーカス
 8。     概要:重要!なし;
 9 }

 

第三には、入力ボックス青い枠の入力を削除します

1  / * -----除去青色の境界線のスタイルのオーバーライド* --------- /
 2  .FORM-コントロール:フォーカス{
 3。     概要:なし;
 4。     ボーダーカラー:#CCC;
 5      -シャドーボックス-のWebKit:なし;
 6。     ボックス、シャドウ:なし;
 7 }

 

4では、ブートストラップ2テーブルスタイル

1  / * -----重写ブートストラップ2中表格边框样式- * /
 2  .table-bordered2 {
 3      ボーダー:1ピクセル固体#dddddd。
4      ボーダー崩壊:別個。
5      *国境崩壊:崩壊。
6      ボーダー左:0。
7      -webkitボーダー半径:4PX。
8      -mozボーダー半径:4PX。
9      境界半径:4PX。
10  }
 11  
12  .table-bordered2番目、
 13  .table-bordered2のTD {
 14      ボーダー左:1ピクセル固体#dddddd。
15  }
 16  
17  .table-bordered2キャプション+ THEAD TR:第一子目、
 18 .table-bordered2キャプション+ TBODY TR:第一子目、
 19  .table-bordered2キャプション+ TBODY TR:最初の子TD、
 20  .table-bordered2 COLGROUP + THEAD TR:第一子目、
 21  .table-bordered2 COLGROUP + TBODY TR:第一子目、
 22  .table-bordered2 COLGROUP + TBODY TR:最初の子TD、
 23  .table-bordered2 THEAD:最初の子TR:第一子目、
 24  .table-bordered2 TBODY:初段子TR:第一子目、
 25  .table-bordered2のTBODY:最初の子TR:最初の子TD {
 26      ボーダートップ:0。
27  }
 28  
29  .table-bordered2 THEAD:最初の子TR:最初の子>目:最初の子、
 30 .table-bordered2のTBODY:最初の子TR:最初の子> TD:最初の子、
 31  .table-bordered2 TBODY:最初の子TR:最初の子>目:最初の子{
 32      -webkitボーダートップ-left半径:4PX。
33      ボーダー左上半径:4PX。
34      -mozボーダー半径-TOPLEFT:4PX。
35  }
 36  
37  .table-bordered2 THEAD:最初の子TR:最初の子>目:最後の子、
 38  .table-bordered2 TBODY:最初の子TR:最初の子> TD:最後の子、
 39  .table -bordered2 TBODY:最初の子TR:最初の子>目:最後の子{
 40      -webkitボーダートップ右半径4PX。
41      ボーダー右上半径:4PX。
42     -mozボーダー半径-topright:4PX。
43  }
 44  
45  .table-bordered2 THEAD:最後の子TR:最後の子>目:最初の子、
 46  .table-bordered2 TBODY:最後の子TR:最後の子> TD:最初の子、
 47  .table -bordered2 TBODY:最後の子TR:最後の子>目:第一子、
 48  .table-bordered2 TFOOT:最後の子TR:最後の子> TD:第一子、
 49  .table-bordered2 TFOOT:直前に入って子TR:最後の子>目:最初の子{
 50      -webkit-ボーダー左下半径:4PX。
51      ボーダー左下半径:4PX。
52      -mozボーダー半径-bottomleft:4PX。
53  }
 54  
55 .table-bordered2 thead要素:最後の子TR:最後の子>目:最後の子、
 56  .table-bordered2のtbody:最後の子TR:最後の子> TD:最後の子、
 57  .table-bordered2のTBODY:最後の子TR:最後の子>目:最後の子、
 58  .table-bordered2 TFOOT:最後の子TR:最後の子> TD:最後の子、
 59  .table-bordered2 TFOOT:最後の子TR:最後-child>目:最後の子{
 60      -webkit-ボーダー右下半径:4PX。
61      ボーダー右下半径:4PX。
62      -mozボーダー半径-bottomright:4PX。
63  }
 64  
65  .table-bordered2 TFOOT + TBODY:最後の子TD:TR最後の子最初の子{
 66     -webkit-ボーダー左下半径:0。
67      ボーダー左下半径:0。
68      -mozボーダー半径-bottomleft:0。
69  }
 70  
71  .table-bordered2 TFOOT + TBODY:最後の子TD:TR最後の子、最後の子{
 72      -webkit-ボーダー右下半径:0。
73      ボーダー右下半径:0。
74      -mozボーダー半径-bottomright:0。
75  }
 76  
77  .table-bordered2キャプション+ THEAD TR:第一子目:最初の子、
 78  .table-bordered2キャプション+ TBODY TR:最初の子TD:最初の子、
 79  .table-bordered2 COLGROUP + THEAD TR :第一子:最初の子、
80  .table-bordered2 COLGROUP + TBODY TR:最初の子TD:最初の子{
 81      -webkit-ボーダー左上半径:4PX。
82      ボーダー左上半径:4PX。
83      -mozボーダー半径-TOPLEFT:4PX。
84  }
 85  
86  .table-bordered2キャプション+ THEAD TR:第一子目:最後の子、
 87  .table-bordered2キャプション+ TBODY TR:最初の子TD:最後の子、
 88  .table-bordered2 COLGROUP + THEAD TR第一子目:最後の子、
 89  .table-bordered2 COLGROUP + TBODY TR:最初の子TD:最後の子{
 90      -webkitボーダートップ右半径4PX。
91      ボーダー右上半径:4PX。
92     -mozボーダー半径-topright:4PX。
93 }

 

おすすめ

転載: www.cnblogs.com/yapin/p/11830883.html