2013-07-12 73 views
2

我想增加輸入框的高度,以便佔位符文本環繞並可完全查看以供閱讀。但是,我的CSS似乎並沒有工作!有任何想法嗎??如何增加輸入字段的高度,以便佔位符文本完全顯示在輸入框中HTML5

這裏有一個網名

<tr> 
    <th class='row_header requiredfield'>Screen Name*</th> 
    <td><input class="large_width tall_height" id="screen_name" type="text" name="screenname" value="{{screenname}}" placeholder="Put in a name others can understand if you don't want to use your actual name."/> 
    </td> 
</tr> 

這裏HMTL5是的CSS:

.large_width { 
    width:250px; 
    height: 25px; 
} 

.tall_height { 
    height: 50px; 
} 

input { 
    font-size: 14px; 
    font-family: "Helvetica Neue"; 
} 

input[placeholder] { 
    font-size: 11px; 
} 
+0

ü可以添加HTML代碼? –

回答

1

也許這樣的事情?

http://jsfiddle.net/nXWfM/

.place { 
    height:30px; } 

.place[placeholder] { 
    font-size:22px; } 

只是設置輸入的高度輸入和佔位符相同的行高的

4

製作高度。 對於實例

CSS:

.input-class 
{ 
    height:30px; 
} 

.input-class[placeholder] 
{ 
    line-height:30px; 
    font-size:22px; 
} 
+0

但我有模板中的其他輸入字段,我不想要高 - 任何其他方式? – user1769203

+0

現在我編輯了特定的類值。給類輸入像這樣

+0

'22pt'?你在那裏指的是「px」嗎?通常使用'pt'作爲打印樣式表以外的任何東西都是一大傷害。 – steveax

相關問題