2014-02-20 31 views
-1

在此page上,選項前的選區上有一個文本縮進/空白區域。選擇並輸入不同的高度/文字縮進

兩個CSS的是:

input, select { 
margin: 0px; 
height: 38px; 
border: 0; 
padding: 0 0 0 15px; 
} 

我改變了默認選擇刪除FF下拉可能影響它:

select { 
border-radius: 0; 
-webkit-appearance: none; 
-moz-appearance: none; 
text-indent: 0.01px; 
text-overflow: ''; 
appearance: none; 
} 

任何想法表示讚賞。

編輯:我得到了高度加上這選擇和輸入相同:

 -moz-box-sizing: border-box; 
     -webkit-box-sizing: border-box; 
     box-sizing: border-box; 

PS的問題是,是明確的,除非你不說英語。

+0

哪裏是在這個職位的問題?請修改。 –

+0

[輸入與選擇標籤高度在表單中的問題]的可能重複(http://stackoverflow.com/questions/9767612/issue-with-input-select-tag-height-in-form) – showdev

+0

PS!不管語言偏好如何,問題是並且不清楚**。 –

回答

2

所以我就在PC和開發者控制檯檢查了CSS:

我發現,您的提交按鈕內的跨度關閉float:left固定的項目 的垂直對齊方式和高度(任從影響所有#search-bar span更改CSS或添加一個button.spanfloat:none

相反的選擇和輸入設置height:38px的,設置其填充到像padding: 5px 0px 5px 0px;在默認
離開自己的高度修復了你在Firefox中的文本對齊問題
我看到你已經更新了你的代碼 - 這些mod是在你的原版上完成的,所以我不知道它們是否仍然成立。可以幫助你沿着雖然

(哦,你目前的空白問題是由padding 0 0 0 15px;原因 - 這是一個的將它添加了15像素)

+2

對不起,但這個答案肯定會表明幫助用戶的努力很差,你只要告訴他一個標準答案。看起來你不想幫忙,但想成爲最快的槍。 – Arkana

+0

其實他是在尋求任何想法,並且增加一個css重置是我在面對他的問題時所要做的,如果我無法看到螢火蟲發生了什麼。他沒有表明他已經嘗試了什麼,我認爲這可以幫助他進行調試。 – Tim

+0

正如我所見,OP似乎已在他的頁面中重置了css:'@import「/css/css_reset.css」;' – Arkana