0

テキスト入力要素readonly="readonly"の CSS 値をborder:0;. これまでのところ（jQueryドキュメントを使用）：

$(":input[type='text'][readonly='readonly']").each(function()
{
    $(this).css('border', '0;');
});

これはまったく何もしません。上記に追加$(document).ready()すると、jQuery タブが壊れます (ただし、スライダーは壊れません)。中身がなくても$(document).ready()大丈夫です。問題は最初の行にあると思いますが、よくわかりません。

id/class でこれを行いたくありません。CSSだけでできればいいのですが、思いつきません。

4

3 に答える 3

6

簡単なcssはどうですか？

input[readonly] { border-width: 0px; }
于 2012-05-10T15:22:31.520 に答える
1

プレーンな CSS 宣言は別として、実際には疑似クラス (およびタグ名)を指定する行頭の":input[type='text'][readonly='readonly']"コロンが紛らわしいようです。また、末尾を削除してみてください(または代わりに使用してください)。:input;'0;''0px'

于 2012-05-10T15:24:48.050 に答える
1 
$("input[type='text'][readonly='readonly']").each(function(){
    $(this).css('border', '0');
});

JSFiddle

于 2012-05-10T15:27:22.827 に答える