Question

我有一个问题，我有一个html格式的输入文本字段，这是为这个div css属性包装的：

.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>

Answer 1

选中此answer，您无法在输入之前或之后添加：

解决方案可能是将您的输入包装在一个范围内：

HTML

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

CSS

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

DEMO

css内容属性使用：after

1 个答案: