增加输入占位符中html特殊字符(·)的大小

时间:2016-09-22 17:53:28

标签: html css wordpress gravity-forms-plugin input-field

我有点奇怪的要求。我正在使用插件Gravity Forms在WordPress上创建一个表单。我想在占位符的末尾添加一个项目符号。我能够做到这一点的唯一方法是将特殊的HTML字符·放在插件的占位符字段中,这是一个中间点。它有效,但点很小,我想增加它的大小。

以下是插件占位符字段的外观:

enter image description here

我尝试使用<span>将特殊字符包装在一个类中,以便我可以在CSS中编辑它,但是当我单击“保存”时,该插件会自动删除<span>标记。

以下是插件在网站上吐出的截图:

enter image description here

我想把那个点做得更大。

以下是插件吐出的HTML:

<input name="input_1" id="input_1_1" type="text" value="" class="medium" placeholder="Name ·">

有没有人有任何建议?也许一些jQuery会起作用?

由于

1 个答案:

答案 0 :(得分:5)

您可以使用密码点(&#9679;)或项目符号(&#8226;)代替。

请参阅以下比较/示例:

<input type="text" placeholder="middledot &#183;"/>
<input type="text" placeholder="bullet &#8226;"/>
<input type="text" placeholder="password dot &#9679;"/>

相关问题