0

我有一个问题，我有一个 html 表单中的输入文本字段，这是为这个divcss 属性包装的：

.formRight240 { float: left; width: 240px; margin: 5px 12px 5px 0px; }

当我尝试这个

.field_required{ display: inline; color: red; } 
.field_required:after{ content: "*" }

输入文本字段保持不变，星号跳转到下一行，我知道原因，所有内容都对齐以与周围的其他元素对齐，但是我可以做些什么来显示与输入文本字段内联的星号对班级进行更改field_required？如果没有，我必须更改为.formRight240.

HTML

<div class="rowElem noborder">
    <label>Customer ID:</label>
    <div class="formRight240">
        <span class="field_required"><input type="text" name="p_cust_id_c" id="req" class="validate[required,maxSize[30]]"/></span>
    </div>
    <div class="fix"></div>
</div>
4

1 回答 1

0

检查此答案，您不能将 :before 或 :after 添加到输入中。

一个解决方案可能是将您的输入包装在一个跨度中：

HTML

<span class="field_required"><input type="text" /><span>

CSS

.field_required input {
    display: inline;
    color: red;
} 
.field_required:after{ 
    content: "*";
}

演示

于 2013-09-19T14:32:52.063 回答