Question

这是我的代码：

＆＃13;

<div class="form-group">
    <label class="control-label col-sm-4">Name</label>
    <div class="col-sm-8"><input type="text" class="form-control" id="id_name" required/>
    <span style="color: red; background-position: right top;">*</span>

</div>

＆＃13;

但该符号显示在文本框下方，如何修复右上角的星号符号位置。

Answer 1

Check this. i think u need it like same。使用字体awesome来放星号标记

<div class="form-group">
    <label class="col-sm-3 control-label">
        Username <i class="fa fa-asterisk" aria-hidden="true"></i>
    </label>
    <div class="col-sm-7">
        <input class="form-control" id="username" name="username" placeholder="Text Field" type="text">
    </div>
</div>

Answer 2

你应该检查其他元素或CSS中的元素澄清是否会影响代码的行为。因为它的代码工作正常。

使用“float”经常会排除代码。因此，如果你经常使用浮动，那可能是原因。 “display：block”或其他显示可以帮助避免这些感情。

但正如所说的，你应该更多地澄清你的问题。

Answer 3

SELECT COUNT(*) FROM Movies WHERE Genre LIKE '%Sci-Fi%'

#marker {
  position: relative;
  left:-15px;
  top:2px;
}

如何在文本框的右上角放置星号

3 个答案: