我正在制作一个应该投射到墙上的应用程序,我需要放入一个非常小的输入框,这样观众就无法看到它。我使字体和框本身非常小,但唯一的问题是文本光标(这个东西 -> | )一直在闪烁并且很明显。我怎样才能摆脱它?谢谢!
问问题
275 次
2 回答
0
在这种情况下,您需要将文本框设为只读:
yourTextBox.ReadOnly = true;
于 2013-02-22T10:44:35.037 回答
0
看一下这个。css 允许您在 textarea 中隐藏闪烁的光标。
在您的情况下,只需将输入替换为textarea
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title >Text Area with no Carat</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<style type="text/css">
.textarea-wrapper {
position:relative;
}
.textarea-wrapper textarea {
background-color:white;
}
.textarea-wrapper, .textarea-wrapper textarea {
width:100px;
height:20px;
}
.textarea-wrapper textarea.hidden {
color:white;
opacity:0.00;
filter:alpha(opacity=00);
position:absolute;
top:0px;
left:0px;
}
</style>
<script type="text/javascript">
$(document).ready(
function() {
$("textarea").addClass("-real-textarea");
$(".textarea-wrapper").append("<textarea class=\"hidden\"></textarea>");
$(".textarea-wrapper textarea.hidden").keyup(
function() {
$(".textarea-wrapper textarea.-real-textarea").val($(this).val());
}
);
$(".textarea-wrapper textarea.-real-textarea").focus(
function() {
$(this).parent().find("textarea.hidden").focus();
}
);
}
);
</script>
</head>
<body>
<div class="textarea-wrapper">
<textarea></textarea>
</div>
</body>
</html>
让我知道这是否对您有帮助...
于 2013-02-22T11:00:48.060 回答