2016-06-12 10 views
1

私はこのテキストボックスクラス用のCSSコードを持っており、私はLinux上で作業しています。 これは.cssファイルに保存されており、geditを使用しています。しかし、box-shadowプロパティは認識されません。他のすべての人はキーワードを示す異なるフォントを持っています。しかし、ボックスシャドウではありません。どんなアイデアですか?それは私がメモ帳を使用すると、Windows上で動作するようです+ +。ボックスシャドーが認識されない

.textbox 
{ 
    background: white; 
    border: 1px solid #ffa853; 
    border-radius: 5px; 
    box-shadow: 0 0 5px 3px #00FFFF; 
    color: #666; 
    outline: none; 
    height:23px; 
    width: 275px; 
} 
+0

r cssはすべてのブラウザで正常に動作します – HudsonPH

+0

これは想定されています。それは標準的な特性です。 geditはそれを認識していません。 http://postimg.org/image/6sc3ukwzf/ – Aditya

答えて

1

テキストシャドウとボックスシャドウを混同することがあります。 テキストの影がテキストに適用され、ボックスは、私はあなたが(入力の外観を調整しようとしている場合は、両方の

div { 
 
    width: 200px; 
 
    height: 300px; 
 
    background-color: #fff; 
 
    box-shadow: 10px 10px 5px grey; 
 
} 
 
p { 
 
    text-shadow: 1px 1px 2px black; 
 
    color: red; 
 
    font-size: 5em; 
 
}
<div> 
 
    <p> 
 
    hello 
 
    </p> 
 
</div>

を証明するために、小さなfiddleをしたコンテナ

に適用されますまたは多くの入力) それを行うのに便利な方法は次のとおりです。

input[type="text"] { 
    /*your styles here*/ 
} 
+0

スニペットのボックスシャドウやテキストシャドウが表示されない場合は、 –

+0

もcaniuse.comの「既知の問題」を参照してください。 http://caniuse.com/#search=box-shadow –

+0

いいえ。私はフォームのテキストボックス入力に使用しようとしています。 コードのスクリーンショットへのリンクを追加しました。ボックスシャドウが認識されない唯一のプロパティであることがわかります。 http://postimg.org/image/6sc3ukwzf/ – Aditya

関連する問題