2011-12-06 52 views
0

基礎知識圓角here設置輸入文本框大小的替代方法? CSS的

更新:爲了使我的文本框在iOS/BlackBerry/Android中一致呈現,唯一成功的方法是不使用size =#或=#em或=#%,但要將輸入的寬度設置爲寬度:### px。當我這樣做(內聯或CSS)時,它會破壞圓角效果。

Screenshot of problem

我已確定,設置width屬性是什麼打破了角落。

我的問題:是否有另一種方式來設置寬度屬性?我願意接受另一個想法,那就是我如何能夠持續跨平臺地呈現文本框的大小?

+1

像素完美是不現實的,如果你的設計中斷,如果它不是跨設備呈現相同的,那麼你可能想回到繪圖板。希望你找到一個可行的解決方案,但我仍然會考慮像素完美的不可能性,或許考慮稍微靈活一些。 http://dowebsitesneedtolookexactlythesameineverybrowser.com/ – joshnh

+0

你能提供代碼嗎?在小提琴? –

+0

網站需要在每個瀏覽器中看起來完全一樣嗎?不,我在尋找像素完美嗎?不需要。我是否需要我的文本框在三個主要平臺上成爲可用尺寸...是的。不知道小提琴是什麼,但我鏈接到上面的代碼。 – Dallas

回答

0

我解決我的問題,通過減少圓角半徑的CSS屬性(見註釋)

0

號,大小由屬性size=這是不可靠的只是設置,所以你只能使用width: 50px

+0

你是對的,它是不可靠的。我試圖設置內聯和CSS的寬度,並在問題中說。 – Dallas