javascript - 将输入字段焦点上的标签设置为完全不透明

Question

我有大量代码，可以在输入字段获得焦点时将标签设置为 0.5 不透明度。现在，如果可能的话，我想将其设置为 0(100% 不可见)。

有人可以帮忙解决这个问题吗？

这是我的 fiddle :http://jsfiddle.net/d8Apy/5/

我的HTML:

<div class="fieldgroup">
    <label for="name">Name</label>
    <input type="text" id="name" name="name">
</div><!--/.fieldgroup-->

我的CSS:

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Arial;
}
.fieldgroup {
    position: relative;
}
input[type='text'],
label {
    padding: 5px;
    font-size: 16px;
    line-height: 16px;
    margin: 0;
    height: 30px;
    color: #fff;
    display: block;
}
input[type='text'] {
    border: none;
    background: green;
}

我正在使用这个 jQuery 插件:http://fuelyourcoding.com/in-field-labels/

非常感谢您的指点:-)

Answer 1

in-field-labels 代码中有一行代码表示...

$.InFieldLabels.defaultOptions={fadeOpacity:0.5,fadeDuration:300,labelClass:'infield'};

将其更改为...

$.InFieldLabels.defaultOptions={fadeOpacity:0.0,fadeDuration:300,labelClass:'infield'};

fadeOpacity:0.5 到 fadeOpacity:0.0