入力領域に入力されたタグにシャドーを追加するにはどうすればよいですか？

最近、Q &のようなウェブサイトを開発中ですのようになります。しかし、シャドウスタイルを実装しようとしたときに、質問にタグを追加するときに、HTML <入力>エリアにタグを入力すると混乱します。私は<入力>の各タグを作るためにどのツールを使用すべきか知りたいのですが、入力>エリアではCSSスタイルが役に立たないので、どのように扱うのですか？入力領域に入力されたタグにシャドーを追加するにはどうすればよいですか？

簡単な例を以下に列挙され、これはstackoverflowののちょうどタグ入力環境領域です：

Example

感謝をあなたの助け。

出典

2016-11-26 Xiangyi Meng

あなたの現在の作業コードをお願いします –

@ Xiangyi Mengはそれをチェックすることを忘れないでください=>答えが有用な場合 –

質問に追加した例を見てください。ありがとうT_T –

ボックスシャドウ：インセットを使用できます。テキストがテキスト影

よりこのlinkをチェックするために使用するために影を与えたい場合。私は以下の例を追加しました。

input{ 
 
    box-shadow:inset 1px 1px 5px #000; 
 
    text-shadow:1px 1px 5px green; 
 
    width:300px; 
 
    height:200px; 
 
    font-size:20px; 
 
    font-weight:400; 
 
    }

<input type="text">

出典

2016-11-26 10:47:30

あなたの答えをありがとうが、私はちょうど入力領域内の私のタグをシャドゥーにしたい...入力ボックスではない...任意の提案？ –

@XiangyiMeng今すぐチェック、私は更新されました –

うわー、私の目的地に近づいている... Thx u ...しかし、私はstackoverflowのようなタグ入力領域を作ることができますか？たぶんそれは私にとってはちょっと難しいかもしれません... :( –

<style> 
 
    #yourid{ 
 
    box-shadow:inset 0px 5px 5px #666666; 
 
    } 
 
</style> 
 
<input type="text" id="yourid">

出典

2016-11-26 10:50:34 kumarsher45

あなたの答えもありがとう...しかし、私はちょうど入力領域内の私のタグをシャドゥーにしたいです...入力ボックス自体ではない...他に何か提案？ –

してくださいコードを表示する – kumarsher45

使用text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);

出典

2016-11-26 10:55:06 aje

あなたはそれのためtext-shadowが必要になります。

input{ 
    color: white; 
    text-shadow: 2px 2px 4px #000000; 
}

some generatorsこちらをご覧ください

出典

2016-11-26 10:55:22 candidJ

回答ありがとうございます。 @vsyncのヒントによると私は要求を実装するのにTagifyを使用します。そのプラグインは私の要求を完全に満たしています。

出典

2016-11-26 11:13:39

入力領域に入力されたタグにシャドーを追加するにはどうすればよいですか？

答えて

関連する問題