2014-03-30 69 views
0

編輯:我有一個很好看的問題,這與它有什麼關係,不知道爲什麼,但在文本輸入,它是刪除四捨五入密碼輸入時強調,如果刪除線,那麼這一切又四捨五入:Bootstrap密碼部分點擊損壞

.login .form-signin input[type="text"] { 
    margin-bottom: -1px; 
    border-bottom-left-radius: 0; 
    border-bottom-right-radius: 0; 
} 
.login .form-signin input[type="password"] { 
    border-top-left-radius: 0; 
    border-top-right-radius: 0; 
} 

對不起不知道如何最好的詞的話題,但我有這個問題,在密碼字段的舍入是在錯誤的地方沒有理由,當你點擊密碼字段時,它會將登錄按鈕向下移動,並且舍入進入正確的底部2個角落。據我所知,HTML和CSS與bootstrap非常相似。

這裏是一個圖像之前和之後

前:

before

後:

after

你可以看到密碼的底部之間的空間差異字段添加到登錄字段中,並且舍入被打破。此外,這隻發生在不支持webkit的瀏覽器上,例如IE8或IE9。我知道一個事實,它應該工作,因爲它在其他登錄形式,如bootstrap網站上的示例。

感謝 - 丹

+0

有助於顯示你的html和css –

回答

0

這是很難不知道你的CSS和HTML的樣子來回答,但它似乎是一類被添加到輸入的密碼,當你專注於它。

如果使用chrome:檢查密碼字段上的元素,右鍵單擊開發工具中的元素並選擇'force element state'>':focus'。 如果有不同的屬性,你應該能夠通過比較強制狀態和正常狀態來判斷

+0

我剛剛用CSS編輯它,我認爲是造成問題 – Dan