我用它来清除文本。2这个x框总是出现。3我希望这个x框只在输入有焦点时出现,并在单词后隐藏。4目前它一直出现。
<div class="input-group">
<div class="btn-group has-feedback has-clear">
@Html.TextBoxFor(m => m.Amount)
<a id="searchclear3"
class=" a glyphicon glyphicon-remove-circle form-control-
feedback form-control-clear"
style="pointer-events:auto; text-decoration:none;
cursor:pointer;"
onclick="$(this).prev('input').val('');return false;">
</a>
</div>
</div>
2条答案
按热度按时间dsekswqp1#
当文本框没有焦点时,你可以使用一些花哨的CSS来隐藏"searchclear3"元素。诀窍是使用CSS "Adjacent Sibling Selector",
+
。(参考:MDN)请注意,为了方便起见,我硬编码了文本框的标记,在
a
元素中放置了一个"X",并修改了onclick
处理程序,您必须为文本框找到一个合适的选择器,并删除其他内容。这些规则规定,具有
id
"searchclear3"的a
元素是id
为"txtInput"的input
的兄弟元素,当input
具有焦点时,a
元素应该可见,否则应该隐藏。drnojrws2#
若要在输入没有焦点时隐藏x框,可以添加CSS类来控制可见性:
下面是一个完整的HTML和JavaScript:
这个问题可能与HTML中的Razor语法有关。