html - 如何只显示 INPUT 属性中的文本? HTML

标签 html css

我只想在 INPUT 中显示文本。那么,我该怎么做呢?

<p><input type="image" src="" border="0" name="submit" alt="Donate"></p>

基本上,它运行良好,但 Safari 和 Chrome 不显示 alt="Donate。相反,它显示一个空方 block 。

已编辑: 我使用了来自 bobince 的这段代码:

 <input type="submit" class="unbutton" value="Donate">

.unbutton {
    color: black; background: none;
    border: none; padding: 0; margin: 0;
    overflow: visible;   /* this is an IE hack to avoid extra button width */
}

那么,我怎样才能显示捐赠这个词呢?我不想使用图像。我只想使用文本来显示捐赠

PS:我正在处理 PayPal 的捐赠按钮。

回答:我忘记添加value="Donate" :P

最佳答案

WebKit 不显示 alt 文本是一种不良行为,但即便如此,您也不应故意使用损坏的图像。

如果您只想要一个没有按钮样式的提交按钮,您可以使用 CSS 实现:

<input type="submit" class="unbutton" value="Donate">

.unbutton {
    color: black; background: none;
    border: none; padding: 0; margin: 0;
    overflow: visible;   /* this is an IE hack to avoid extra button width */
}

关于html - 如何只显示 INPUT 属性中的文本? HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3720752/

相关文章:

html - 文本垂直居中的两列

html - 嵌套表格必须具有折叠边框

javascript - 专注于位于 vuejs 中另一个组件内的输入?

CSS3 过渡,悬停元素之前的目标元素

html - 垂直滚动条不自觉出现

jquery - Flex 元素在删除时占据同级元素的空间

html - Bootstrap 4 折叠的导航栏品牌不居中

css - 如何在 rails 2.3 中预编译 css 样式表?

css - 在组件的内部元素而不是选择器本身设置类

html - 单击时隐藏 div 并显示另一个 div?