0

我正在制作一个应该投射到墙上的应用程序,我需要放入一个非常小的输入框,这样观众就无法看到它。我使字体和框本身非常小,但唯一的问题是文本光标(这个东西 -> | )一直在闪烁并且很明显。我怎样才能摆脱它?谢谢!

4

2 回答 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 回答