2013-02-27 53 views
2

我想做一個簡單的登錄類型的頁面,並試圖使其跨越瀏覽器,並我仍然在開始,我已經發現了一個問題,我沒有在找到任何答案。 我想做一些文本輸入並提交圓角輸入按鈕,但它不會讓我這樣做,我不知道爲什麼,它不會適用於<input />標籤。Opera 12.14 border-radius上<input />不工作

我簡單地嘗試了兩種邊界半徑,因爲opera已經建立在標準化參數甚至是-o-border-radius中,但它不會以任何方式工作。 我正在使用em而不是px,但我試了兩次,因爲我認爲這可能是問題,但事實並非如此。

所以我有點不知所措;歌劇不支持它的標籤?

除此之外,它在以下瀏覽器中工作:Internet Explorer 9(在HTML/php文件的頭部插入<meta http-equiv="X-UA-Compatible" content="IE=edge" />行),Mozzila Firefox 19.0,Google Chrome 25.0,Safari 5.1,Maxthon Cloud Browser 4.0

我也試圖用一個乾淨的代碼,這意味着只是一些<input />標籤和CSS文件,它不起作用。

我希望有人能給我一個合理的迴應。

+0

你能告訴我們你的css代碼嗎? – 2013-02-27 07:32:34

+0

當然。這裏你去:** http://jsfiddle.net/AeEsV/** – bulanmaster 2013-02-27 07:39:34

回答

1

邊框樣式是要求

添加到:

.textBox { 
    border-style: solid; 
} 

我的建議是使用的border速記屬性:在border: 3px solid #cc0000;

更多有關border性質:w3schools.com

例。

+0

所以據我所知,瀏覽器本身不支持它。那真是太遺憾了......非常感謝! :) – bulanmaster 2013-02-27 10:06:45

+0

是的!我在'Oprea 12.02'中測試過它:[__FIDDLE__](http://jsfiddle.net/AeEsV/1/) – 2013-02-27 10:09:52

+0

哦,不,我的意思是沒有任何實心邊框的'border-radius'本身。 – bulanmaster 2013-02-27 10:25:10