首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何自定义HTML提交按钮?

如何自定义HTML提交按钮?
EN

Stack Overflow用户
提问于 2014-01-31 08:33:42
回答 3查看 6.2K关注 0票数 0

如何使提交按钮显示为将覆盖默认浏览器按钮样式的纯文本?

我在互联网上搜索过,但我发现的只是如何将图片放在提交按钮上。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2014-01-31 08:36:35

您将需要background-color: transparent; (或者您也可以使用hex )和border: 0;,这将为您提供所需的结果。

代码语言:javascript
复制
input[type="submit"].plain {
    border: 0;
    background: transparent; /* Or whatever background color you want to use */
}

Demo

票数 2
EN

Stack Overflow用户

发布于 2014-01-31 08:38:15

代码语言:javascript
复制
input[type=submit] {
border:none;
background-color:white;
 }

你可以在这里找到一个例子:

http://jsfiddle.net/f7x35/

票数 1
EN

Stack Overflow用户

发布于 2014-01-31 08:39:44

您可以这样对其进行样式化,然后对其进行必要的调整,使其适合您设计的其余部分。

代码语言:javascript
复制
input[type=submit]{
    border: 0px;
    background: inherit;
    padding: 0;
}

background: inherit;是为了确保它遵循你原来的背景色。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21475513

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档