html - 提交按钮中的字符可以采用不同的格式吗?

标签 html css forms

我有一个表单,该表单有一个带有如下 html 代码的提交按钮:

<input type='Submit' name='sel' value='Submit Here'>

我希望“提交”一词的字体大小为 10 像素和黑色,而“这里”一词的字体大小为 12 像素和红色。不使用背景图像是否可行?

最佳答案

不,你不能那样做。无论您添加到输入元素的什么样式都将应用于整个文本,您将无法选择单个字符。但是,您可以使用支持内容的不同元素,例如按钮,您可以在其中添加所需的内容并为其设置样式...

<button type="submit">
   <span class="black">Submit</span> <span class="red">Here</span>
</button>

然后应用样式...

span.black {font-size:10px;color:black}
span.red{font-size:12px;color:Red}

下面的例子...

JS Fiddle Example

关于html - 提交按钮中的字符可以采用不同的格式吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23902499/

相关文章:

html - 固定宽度的多个div的过渡

javascript - 选择添加按钮时需要显示额外的文本输入,还需要删除字段

html - CakePHP:四分之一精度的时间输入

javascript - 将 'Drop-Zone' 与 'regular file-input' 组合

html - Atom - Emmet 包 : closing comments

jquery - View 中的粘性页脚而不是 shell.html

javascript - 为什么不是我所有的正值都是绿色而负值不是红色?

java - 在 glassfish 3.1.2 中将图像添加到表单例份验证

html - 将自定义设计添加到 ActiveAdmin - rails

javascript - 将表格单元格复制到剪贴板而不使用输入标签 - Javascript 和 html