Блог

Главная - Вопросы по программированию - Переключатель странная «лишняя» точка сбоку

Переключатель странная «лишняя» точка сбоку

#html #css

#HTML #css

Вопрос:

я пытаюсь настроить форму 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 gamp;ouml;r det gamp;auml;rna" id="group_1554315178_1" role="radio" class="ss-q-radio" aria-label="Ja, jag gamp;ouml;r det gamp;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 hamp;auml;r gamp;aring;ngen" id="group_1554315178_2" role="radio" class="ss-q-radio" aria-label="Nej, inte den hamp;auml;r gamp;aring;ngen" required="" aria-required="true"></span>
<span class="ss-choice-label">Nej, inte den här gången</span>
</label></li></ul>

Комментарии:

1. это не странные дополнительные точки, это точки элемента списка

Ответ №1:

Это потому, что вы используете list.

The <ul> tag defines an unordered (bulleted) list.

Добавьте это в свой css:

 ul{
    list-style-type: none;
}

скрипка

Комментарии:

1. Я использую bootstrap.css, и в этом css я могу найти это ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul,

2.Вы не пойдете этим путем. Я только что опубликовал общее решение. В вашем примере вы идете как ul.ss-choices > li{list-style-type: none;} jsfiddle.net/5VAJJ/3

3. Должен ли я заменить «ul.ss-choices» на li{list-style-type: none;}? Я пытаюсь выполнить поиск в bootstrap.css для «ul.ss-choices», но не могу найти ни одного.

4. Просто добавьте это в свой файл css. Нет необходимости заменять.

5. Спасибо, Алек, я пытался добавить это в css, должно ли это быть помещено в какую-то специальную часть в css или просто в любую другую? Я добавил это так, но «точки» все еще там: imgur.com/Rf5Thcu