html 如何在bootstrap-vue标签中设置单个字符样式

2fjabf4q 于 2022-12-09 发布在 Bootstrap

关注(0)|答案(1)|浏览(133)

我不知道如何在bootstrap-vue标签中设置单个字符的样式：

<b-form-group 
  class="text-left"
  label-cols="4" 
  label-cols-lg="3" 
  label="Name*:" <--- how to style the single * ?
 >
  <b-form-input
    v-model="inputName" 
    placeholder="Name"
  />
</b-form-group>

我尝试过使用模板字符串，但没有任何效果。
你有什么想法，我可以着色的个别星星*？
我正在使用"bootstrap-vue": "2.14.0"和"vue": "2.6.10"
谢谢！

Html

来源：https://stackoverflow.com/questions/67195668/how-to-style-a-single-character-in-bootstrap-vue-label

1条答案

按热度按时间

5t7ly7z51#

您可以使用label插槽：

<b-form-group 
  class="text-left"
  label-cols="4" 
  label-cols-lg="3" 

 >
  <template #label>
     Name <span style="color:red">*</span> :
  </template>
  <b-form-input
    v-model="inputName" 
    placeholder="Name"
  />
</b-form-group>

赞(0）回复(0）举报 2022-12-09

我来回答

html 如何在bootstrap-vue标签中设置单个字符样式

1条答案

相关问题

热门标签

最新问答