Question

我有一个表单（使用jQueryUI选项卡），我希望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做，那就太好了，但我想不出办法。

Answer 1

简单的css怎么样

input[readonly] { border-width: 0px; }

Answer 2

除了普通的CSS声明之外，你的":input[type='text'][readonly='readonly']"似乎有一个迷路的前导冒号:，它实际上指定了一个伪类（而input是一个标记名）。另外，请尝试删除;中的尾随'0;'（或使用'0px'代替）。

Answer 3

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