1

StackOverflow タグと同じ結果が得られる jQ プラグインを探していました。Tokeninput を使用して 1 つ見つかりました。

このリンクhttp://jsfiddle.net/nXxZW/3/をご覧ください。

そして今、このスクリーンショットを見てください：

クロム

ここに画像の説明を入力

ファイアフォックス

ここに画像の説明を入力

ご覧のとおり、入力テキスト要素はブラウザーでは少し異なって見えます。

私が取得しようとしているのは、CSS とまったく同じul要素の外観input text(つまり、幅、境界線、インセット シャドウなど。試してみましたが、何が欠けているのかわかりません) または同じ結果を得るためのプラグインの変更です。 ul li 構造ではなく、入力テキスト ボックス (Stackoverflow タグのように。実現するのは少し難しいと思います。) 何か提案はありますか? 前もって感謝します

4

2 に答える 2

1

入力フィールドだけが気になる場合は、次のように、幅、高さ、境界線のプロパティを mail_credentials の CSS に追加してみてください。

.mail_credentials{
    padding: 5px 5px 5px;
    margin: 0 15px 10px 20px;
    border: 1px solid #ccc;
    width: 150px;
    height: 14px;
}
于 2012-05-23T21:02:52.867 に答える
1

両方の入力に対して、border: 1px solid #ddd; を追加します。また、背景：白。

これにより、入力に同じ効果が強制されます

于 2012-05-23T21:05:59.957 に答える