使用CSS禁用表單輸入

我有以下表單元素，我需要禁用通過鼠標使用純粹的CSS訪問。我無法通過編輯表單輸入市場調整來訪問表單元素來禁用，我只能訪問CSS樣式表。使用CSS禁用表單輸入

<input type="text" name="rs:def:website" size="48" maxlength="64">

我試圖使用pointer-events:none從能夠接受輸入禁用的元素。我需要確保我不禁用其他文本輸入。

這是我試過沒有運氣。有什麼建議麼？

.rs:def:website .input{ 
    pointer-events: none; 
}

爲什麼使用'pointer-events'而不是'disabled'或'readonly'屬性？ – j08691

點符號用於類選擇器，但您嘗試通過與'class'不同的屬性來尋址元素。另外，選擇器中的空間意味着第二部分是第一部分的後代，但是您有一個單一元素。您是否嘗試過輸入[name =「rs：def：website」]'？ –

[如何禁用所有div內容]的可能的副本（https://stackoverflow.com/questions/639815/how-to-disable-all-div-content） – lumio

這裏是正確的CSS選擇：

input[name="rs:def:website"] { 
 
    pointer-events: none; 
 
}

<input type="text" name="rs:def:website" size="48" maxlength="64">

正如其他的答案中提到的，這是不是爲了防止用戶編輯此輸入一個萬無一失的方法。

2017-08-21 16:49:03

您仍然可以選中它 –

完美，謝謝！ –

只需使用disabled即可禁用輸入。

<input type="submit" disabled>

2017-08-21 16:49:04 aahhaa

這是不可能用純CSS。 pointer-events: none;可能在某些情況下工作，但您仍然可以通過選項卡。

您將需要更改實際的HTML。直接在HTML文件中或通過Javascript添加disabled。

<input type="text" name="rs:def:website" size="48" maxlength="64" disabled>

2017-08-21 16:50:23

回答