15

はめ込みボックスシャドウは入力フィールドで機能しますか？

JsFiddle： http: //jsfiddle.net/hKTq2/

4

6 に答える 6

37

はい、これは私が先日取り組んでいたことです、それは確かに可能です。

input
{
  box-shadow:inset 0 0 5px 5px #888;
  background: #fff;
}

影が落ちるように背景を設定する必要があります:)

http://jsfiddle.net/Kyle_/ZCq6w/

于 2012-08-27T11:22:29.953 に答える
0

はい、追加する必要があります：

background-color:transparent;
于 2012-08-27T11:21:02.840 に答える
0

こんにちはこのcssを追加すると、シャドウを挿入できます

.innershadow{ -moz-box-shadow: inset 0 0 5px 5px #888; -webkit-box-shadow: inset 0 0 5px 5px#888; box-shadow: inset 0 0 5px 5px #888; height:15px; background-color:transparent; height:50px}
于 2012-08-27T11:21:47.837 に答える
0

background:none;クラスを追加するだけ.innershadow

http://jsfiddle.net/jack_fiddle/hKTq2/6/

于 2012-08-27T11:24:15.560 に答える
0

テキスト入力内に挿入されたドロップシャドウを実現するには、次のようにすることができます。

.innershadow {  
    font-size: 16px;
    color: #999;
    padding: 6px;
    -moz-box-shadow:inset 2px 2px 5px #888;
    box-shadow:inset 2px 2px 5px #888;
    border: 1px solid #b8b8b8;
}

HTH、

--ヘンソン

于 2012-08-27T11:27:18.940 に答える