如何在twitter上设置输入字段的样式？

Question

我想在twitter上设置输入字段的样式以进行授权。我有以下HTML标记：

<input hint="hint" name="name" type="text">

我需要更改焦点上属性hint中包含的文本的不透明度。我该怎么办？

Answer 1

好的，这就是你想要的：http://jsfiddle.net/surendraVsingh/NLrRC/16/

<强> HTML

<div class="container">
 <input type="text" />
 <span>Username or email</span>
</div>​

<强> CSS

.container{position:relative; display:inline-block; overflow:hidden;}
.container input{position:relative; z-index:98;}
.container span{position: absolute; z-index:99; color:#ccc; left:5px; top:3px; font-size:11px;}

Jquery （更新：删除了关注焦点的明确输入错误）

$('input').keyup(function(){
    $(this).next().css('z-index', '0');
});
$('input').blur(function(){
  if($('input').val()=== ''){
    $('input').next().css('z-index', '99');
  }
});

Answer 2

试试这个

    input[hint="hint"]:focus{
        opacity: .4;
    }