html - 使用 :before in input field

标签 html css

<分区>

我想使用 :before 在以下标记中的第一个输入字段之前添加一些内容。使用 :before 的原因是标记不能更改。

我正在尝试这个,但不起作用:

HTML:

<p class="submit">
    <input id="submit" type="submit" value="Post" name="submit">
    <input id="" type="hidden" value="" name="">
</p>

CSS:

.submit input:before{
    content:"Test ";
}

这可行,但我想将内容放在 .submit 中:

.submit:before{
    content:"Test ";
}

演示: http://jsfiddle.net/gb2wY/

最佳答案

我不认为你可以这样做,因为 input 之前没有内容来放置伪元素。

您可以改用 button 元素。

关于html - 使用 :before in input field,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19357592/

相关文章:

html - 使用 CSS 的 Bootstrap 3 Grid 中的垂直 DIV 对齐

jQuery下拉菜单问题

javascript - 如何清除触摸屏 "touched"按钮焦点、事件、悬停

html - 背景内部淡入淡出

html - 拆分和居中视口(viewport)高背景图像

html - 在全宽元素之前添加一个固定宽度的伪元素

html - 如何在单列网格中 float 引导卡

jquery - 有什么方法可以在上下滚动时始终动态地将 div 居中对齐?

javascript - 检测div滚动条是否触顶

javascript - 使用 HTML5 文件上传 API 的可恢复上传 -