Как удалить флажок флажка?

Можно ли удалить границы вокруг флажка, чтобы он выглядел невидимым? Я помещаю его в DIV с цветным фоном.

Ответ 1

К сожалению, его невозможно удалить с помощью флажков на основе браузера (он не будет работать во всех браузерах), вам нужно будет написать свой собственный виджет состояния, подобный флажку, для его реализации. Посмотрите Nice forms, если вы хотите стилизовать свои обычные элементы управления формой с помощью специального стиля

Ответ 2

Для FireFox: попробуйте border: none. Для IE try: style = "background: transparent; border: 0"

Другим решением является создание собственных изображений для отмеченных и непроверенных изображений, отображающих соответствующий значок изображения.

Ответ 3

Я знаю, что это поздний ответ, но эксперт по CSS, с которым я работаю, дал мне этот способ избавиться от границы вокруг флажка (и, вероятно, переключателя) в IE10:

Установите цвет рамки того же цвета, что и фон страницы.
Примените к нему тень "none".

Что это. Работали как шарм!

Ответ 4

Поскольку это первый результат для меня при поиске "удалить границу флажка" в Google, позвольте мне упомянуть, что стильный стиль флажка по умолчанию можно удалить во всех браузерах, кроме IE (без дерьма...) с свойством appearance

-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

Ответ 5

В CSS это возможно, если установить внешний вид веб-набора на none. Что-то вроде этого

-webkit-appearance: none;

Ответ 6

Используйте outline:

outline: 0px;

избавится от него.

Ответ 7

Для удаления границ вам придется использовать какой-либо виджет или пользовательский ui.

Я не уверен, что это работает: <input type="checkbox" style="border: 0;" />

Ответ 8

asp: checkbox - элемент span, который содержит флажок input type =. Вы можете настроить стиль только для диапазона. Но если вы хотите изменить границу флажка внутри элемента, вы можете использовать javascript

<body onload="javascript:OnLoad();" >

<script language="javascript" type="text/javascript">
<!--
    function OnLoad() {
        document.getElementById("<%=chBox.ClientID%>").style.border = "0px";
    }
-->
</script>

  <asp:CheckBox ID="chBox" runat="server" Text="Checkbox text" />