2012-05-10 31 views
0

我有一個表單(使用jQueryUI的標籤),在這裏我想與readonly="readonly"文本輸入元素有border:0;一個CSS值的元素。到目前爲止,我已經(使用jQuery文檔):jQuery的:分配CSS只與特定的屬性

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

哪一個什麼都不做。當我添加$(document).ready()上面,我的jQuery標籤突破(但滑塊沒有)。如果我只有$(document).ready()沒有內容,那很好。我認爲這個問題在第一線,但我不確定。

我不想與ID /類來做到這一點。如果只能用CSS做,那會很棒,但我想不出一個辦法。

回答

6

怎麼樣一個簡單的CSS

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

*嘆*這裏,我又來了,使事情更難10倍爲自己。感謝您的快速(和簡單)的迴應。 – SomeKittens

+1

也總是啓動firbeug並嘗試在控制檯中的選擇器。如果你知道你的jQuery選擇器是否實際返回任何東西,會爲你節省很多麻煩。 –

1

純CSS聲明不談,你":input[type='text'][readonly='readonly']"似乎有一隻流浪領導冒號:實際上指定一個僞類(和input是一個標記名稱)。另外,嘗試去除'0;';(或使用'0px'代替)。

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

JSFiddle