0

壁に投影する必要があるアプリを作成していて、非常に小さな入力ボックスを配置する必要があるため、聴衆はそれを見ることができません。フォントとボックス自体を非常に小さくしましたが、唯一の問題は、テキスト カーソル ( this thing -> | ) が点滅し続けて目立つことです。どうすればそれを取り除くことができますか? ありがとう！

4

2 に答える 2

0

これをチェックしてください。css を使用すると、テキストエリアで点滅するカーソルを非表示にできます。

あなたの場合、入力を次のように置き換えるだけです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 に答える
0

その場合、テキストボックスを読み取り専用にする必要があります。

yourTextBox.ReadOnly = true;
于 2013-02-22T10:44:35.037 に答える