如何使用CSS拉伸表单提交按钮?

发布于 2024-09-15 23:26:24 字数 171 浏览 16 评论 0原文

如何使用 CSS 拉伸表单提交按钮? 我想在按钮内的文本和按钮左右端之间有某种水平填充。这可能吗?如果可能的话,如何实现?

alt text

使按钮更漂亮(不使用图像)的提示也非常受欢迎:-)。

how do I stretch a form submit button using CSS?
I'd like to have some kind of horizontal padding between the text inside the button and the button left and right end. Is this possible, and if so, how?

alt text

Tips for making the button prettier (without using images) are also much appreciated :-).

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

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

发布评论

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

评论(3

旧街凉风 2024-09-22 23:26:24

增加按钮的宽度

<input type="submit" class="btn" />

CSS:

.btn{
  width:250px; /* adjust value */
}

Increase the width of the button.

<input type="submit" class="btn" />

CSS:

.btn{
  width:250px; /* adjust value */
}
遗忘曾经 2024-09-22 23:26:24

您可以像任何其他 HTML 元素一样设置它的样式,例如为其指定 display:blockwidth:100%

You can style it like any other HTML element, for example give it display:block and width:100%.

℡Ms空城旧梦 2024-09-22 23:26:24

CSS:

input[type="submit"] {width: 100%;} /* to stretch all submit buttons to full page width, or use width: 300px; as Sarfraz suggested. */

在 IE6 中不起作用,因为它无法读取 type="submit" 选择器,但在 IE7/8 和所有其他浏览器上起作用。 >

CSS:

input[type="submit"] {width: 100%;} /* to stretch all submit buttons to full page width, or use width: 300px; as Sarfraz suggested. */

does not work in IE6 cause it does not read type="submit" selector, but works on IE7/8 and all other browsers.

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