如何创建一个圆形按钮以支持所有浏览器?

时间:2012-09-21 11:38:57

标签: asp.net css visual-studio-2010

我正在使用ASP.NET和C#。现在我需要创建需要在所有不同浏览器中支持的圆形按钮。但是Visual Studio不支持这个属性。

我哪里错了?

感谢。

修改

我确实使用了这个。

-moz-border-radius: 15px;
-webkit-border-radius: 15px;
 border-radius: 15px;

但没有运气。

更新

感谢。安装sp1之后就可以了。

4 个答案:

答案 0 :(得分:2)

border-radius属性仅适用于不太过祖先的浏览器。

请参阅the compatibility table

如果您使用的是基于IE8的旧IDE,则无法轻易获得CSS3的所有细节。

SP1 solves some of the compatibility problems of Visual Studio 2010.

答案 1 :(得分:2)

由于border-radius属性不可用& Visual Studio提供错误,但它肯定会起作用,因为我也经常使用它。

答案 2 :(得分:2)

我不担心VS中显示的错误,如果它允许你提交代码,我相信它要么需要更新,要么不会除了某些属性。通常在放入Gradients时,我会从此IDE中收到错误。

我要说的一件事是,我总是会为旧版本的兼容浏览器添加前缀,例如早期版本的firefox等。     

    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
     border-radius: 15px;
    

答案 3 :(得分:0)

Border Radius在浏览器中有所不同

-moz-border-radius:15px; for firefox

border-radius:15px;对于IE

有关CSS Rounded Corners的更多信息,请参阅http://www.css3.info/preview/rounded-border/