【问题标题】:Radio button strange "extra" dot on the side单选按钮侧面奇怪的“额外”点
【发布时间】:2014-06-27 01:30:53
【问题描述】:

我正在尝试自定义一个 Google 表单,它本身有 2 个单选按钮,但奇怪的是它们的左侧有两个“点”,是否可以删除它们?

/ 这些点在下面/

代码片段如下所示:

<ul class="ss-choices" role="radiogroup" style="text-align:center" aria-label="Kan du tänkta dig att hålla en unconference session?  "><li class="ss-choice-item"><label><span class="ss-choice-item-control goog-inline-block" style="text-align:center"><input type="radio" name="entry.1554315178" value="Ja, jag g&ouml;r det g&auml;rna" id="group_1554315178_1" role="radio" class="ss-q-radio" aria-label="Ja, jag g&ouml;r det g&auml;rna" required="" aria-required="true"></span>
<span class="ss-choice-label" style="text-align:center">Ja, jag gör det gärna</span>
</label></li> <li class="ss-choice-item"><label><span class="ss-choice-item-control goog-inline-block" style="text-align:center"><input type="radio" name="entry.1554315178" value="Nej, inte den h&auml;r g&aring;ngen" id="group_1554315178_2" role="radio" class="ss-q-radio" aria-label="Nej, inte den h&auml;r g&aring;ngen" required="" aria-required="true"></span>
<span class="ss-choice-label">Nej, inte den här gången</span>
</label></li></ul>

【问题讨论】:

  • 那些不是奇怪的额外点,那些是列表项点

标签: html css


【解决方案1】:

这是因为你使用了列表。

The &lt;ul&gt; tag defines an unordered (bulleted) list.

将此添加到您的 CSS:

ul{
    list-style-type: none;
}

fiddle

【讨论】:

  • 我使用 bootstrap.css,在那个 css 中我可以找到这个 ul, ol { margin-top: 0;边距底部:10px; } ul ul,ol ul,
  • 你不要那样做。我刚刚发布了一般解决方案。在您的示例中,您可以使用 ul.ss-choices &gt; li{list-style-type: none;} jsfiddle.net/5VAJJ/3
  • 我应该用 li{list-style-type: none;} 替换“ul.ss-choices”吗?我试图在 bootstrap.css 中搜索“ul.ss-choices”,但找不到任何内容。
  • 只需将其添加到您的 css 文件中。无需更换。
  • 感谢 Alek,我尝试将其添加到 css 中,是否应该将其放在 css 中的某个特殊部分,或者只是任何一个?我是这样添加的,但“点”仍然存在:imgur.com/Rf5Thcu
猜你喜欢
  • 1970-01-01
  • 2012-08-11
  • 1970-01-01
  • 1970-01-01
  • 2014-08-17
  • 2014-09-20
  • 2013-09-24
  • 1970-01-01
  • 2015-04-21
相关资源
最近更新 更多