2017-01-25 5 views
0

私はこのテキストボックスをCSSでカスタマイズしていますが、何らかの理由でテキストをたくさん入力すると途中で途切れてしまいます。問題?asp net texbox中間のテキストスタイル

ASPX:

<asp:TextBox ID="txtNotes" runat="server" ClientIDMode="Static" /> 

CSS:

#txtNotes { 
    z-index: 999999; 
    padding: 5px 240px; 
    padding-left: 5px; 
    padding-bottom: 30px; 
} 

enter image description here

+0

?そこに誰かいますか? – Malphai

+0

私は答えを書いたが、あなたはそのサイズを入力にしたいので、あなたはパディングを使用しているかもしれないということが私に起こっただけですか?その場合は、パディングの代わりに幅を使用してください。 –

答えて

1

をお試しください、インide入力フィールド。これは、テキストフィールドと入力フィールドの右端との間にフィールドが常に240ピクセルのスペースを持たなければならないことを意味します。これにより、テキストが入力の幅全体を使用できなくなります。

右側の追加のパッドを削除することをおすすめしますか?

パディング - 左とパディング - ボトムは必要ありません。 このCSSルールは、それらを交換ますが、同じ結果与えるだろう:

padding: 5px 240px 30px 5px; 

順序が行く:トップ - 右 - 下 - 左

次を使用してCSSルールを交換してみてください。

CSSを:私は私には見えます

#txtNotes { 
    z-index: 999999; 
    padding: 5px 5px 30px 5px; 
} 
+0

それは動作しません。 – Malphai

+0

実際に起こることを期待するものに依存します。問題がテキストに複数の行を使用させたい場合は、入力をテキストエリアに変更することをお勧めします。 –

0

現在のCSSルールが右に240ピクセルのパディングを持つように設定されているさて、この

#txtNotes { 
     z-index: 999999; 
     padding: 5px 5px 30px 5px; 

    } 
+0

それは動作しませんでした。 – Malphai

+0

それでは、どのようにあなたは上記の答えを受け入れていますか?それは私のものと同じです。 –

0

あなたは<textarea>ではなくテキストボックスをしたい

<asp:TextBox ID="txtNotes" runat="server" TextMode="MultiLine" ClientIDMode="Static" /> 

<style> 
    #txtNotes { 
     width: 300px; 
     height: 100px; 
    } 
</style>