css - 使用 Css 清除 TextBox 文本/值

Question

我想知道，是否可以使用 css 代码而不是使用 javascript 来清除文本框？

Answer 1

您不能使用 CSS 来操作 DOM。换句话说：这是不可能的。

使用 CSS 无法更改文档，只能更改文档的外观和行为，仅此而已。

Answer 2

这在 CSS 中是不可能的，只有在 JS 中：

事件处理函数：

addEvent(document.getElementById('IDHERE'), "focus",
function() {
    clearText('IDHERE');
});

事件监听函数：

//addEvent listener
function addEvent(obj, type, fn) {
    if (obj.addEventListener) {
        obj.addEventListener(type, fn, false);
    } else {
        if (obj.attachEvent) {
            obj["e" + type + fn] = fn;
            obj[type + fn] = function() {
                obj["e" + type + fn](window.event);
            };
            obj.attachEvent("on" + type, obj[type + fn]);
        }
    }
}

明文功能：

//Clear on focus function
function clearText(id) {
    document.getElementById(id).value = "";
}

这是纯 JS，这里不需要库，非常快并且兼容 x-browser :)

Answer 3

这是不可能的。CSS 仅用于演示，HTML 用于信息和结构，javascript 用于 DOM 操作。您将不得不使用 Javascript 或其库之一来执行此操作:)

Answer 4

可以，但只是在视觉上，它实际上不会去，但也不会显示

可以有很多技巧，一种可以将文本颜色设置为与文本框的背景相同，禁用选择。

但如果你想让它完全消失，你需要使用 javascript