.panelデフォルト境界線の色

Question

私は、ブートストラップ・デフォルト・パネルがあります。私はなど、国境を削除するが、追加のクラスまたはIDを使用したくないたく

<div class="panel panel-default"> 
    <div class="panel-heading">Login</div> 
    <div class="panel-body"> 
    ... 

を...

点検要素クロムの場合：

.panel-default { 
    border-color: #ddd; 
} 

これは、この値が割り当てられた方法です。 私は同じCSSセレクタで（少なくとも）新しい値を適用することによってCSSの値を上書きすることができます。私のCSSファイルは、ブートストラップファイルの後にインポートされます。

私が試した：

.panel-default { 
    border-color: none; 
} 

は動作しませんが、私は使用している場合：

.panel-default { 
    border: none; 
} 

この作品。

したがってnoneはborder-colorの許容値ではありませんか？何がハッキングなのか？なぜなら私はinspect elementのクロムの機能を割り当てていないからです。

Answer 1

はいnoneはborder-colorの有効な値ではありませんので、あなたが国境を続けるが、それは目に見えないようにしたい場合は、それを削除するborder: noneを使用する必要がありますかborder-color: transparent。

chrome devtoolsで動作する理由は、border-color: noneなどの無効なスタイルは適用されず、要素の元のスタイルが変更されるとスタイルが削除されます。