如何取消选择文本字段的文本?

时间:2013-05-16 06:15:16

标签: javascript html css webpage

当我从搜索中返回并显示结果时,文本字段中的文本查询被标记为好像是选中的文本,但我不想选择它:

enter image description here

Fiddle

1)当前搜索字段的最佳选择是什么,如果字段被聚焦或者像搜索返回时谷歌一样,查询字符串应该在搜索字段上,就像我已经完成但谷歌没有关注从搜索返回时的字段。

2)如何实施解决方案?

我现在正在做的是

<input placeholder="Search" name="query" size="20" id="searchtext" title="Search" class="placeholder" alt="q" type="text" value="{{query}}"><script type="text/javascript">
document.getElementById('searchtext').focus()
</script>

1 个答案:

答案 0 :(得分:1)

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }

或者更确切地说:

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
}