0

我有一个表单（使用 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，那就太好了，但我想不出办法。

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 回答