html 输入按钮默认边框 css

发布于 2024-10-10 20:21:46 字数 43 浏览 1 评论 0原文

提交输入类型通常在侧角有一个“斜面”3D。如何使用css使其看起来简单?

the submit input type, normally has a 'bevel' 3D on the side corner. how to use css to make it plain look?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

2024-10-17 20:21:46

这应该适合您的需要:

 input 
 {
        border: 0;
 }

或者如果您想要更具体:

 input[type=button], input[type=submit] 
 { 
        border: 0 
 }

或者您可以使用内联样式:

<input type=button value="Testing" style="border:0">

This should work for what you need:

 input 
 {
        border: 0;
 }

or if you wanted to be more specific:

 input[type=button], input[type=submit] 
 { 
        border: 0 
 }

or you could use an inline styling:

<input type=button value="Testing" style="border:0">
折戟 2024-10-17 20:21:46

向按钮添加任何类型的边框都会删除内置“3D 效果”的浏览器。类似下面的内容将添加一个简单的灰色边框。

input[type=submit] {
    border: 1px solid 333;
}

请注意,默认按钮样式取决于浏览器和操作系统,因此如果您想完全控制页面的外观,那么应用您自己的样式绝对值得。

Adding any kind of border to the button will remove the browsers built in '3D effect'. Something like the following will add a simple grey border instead.

input[type=submit] {
    border: 1px solid 333;
}

Note that the default button styling is dependant on both browser and operating system, so it is definitely worth applying your own styling if you want total control of the look of your page.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文