Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Arcana模板中的不可见复选框_Html_Css_Templates - Fatal编程技术网

Html Arcana模板中的不可见复选框

Html Arcana模板中的不可见复选框,html,css,templates,Html,Css,Templates,我使用Arcana HTML5模板,并采用该模板获取简单CMS。两个模板——原始模板和CMS中的模板——都不显示元素。文本是可编辑的,但复选框本身不是 我对css外观für输入[type=checkbox]进行了一些处理,但没有结果。也许是错误的想法,或者是错误的代码位置 从原始css中选择 因为你的外表:没有 它将重置您的复选框视图,因为您可以读取任何css文档。因此,默认样式为“无”。浏览器不知道它的外观,例如添加 input[type=checkbox]{ width: 100px;

我使用Arcana HTML5模板,并采用该模板获取简单CMS。两个模板——原始模板和CMS中的模板——都不显示元素。文本是可编辑的,但复选框本身不是

我对css外观für输入[type=checkbox]进行了一些处理,但没有结果。也许是错误的想法,或者是错误的代码位置

从原始css中选择

因为你的外表:没有

它将重置您的复选框视图,因为您可以读取任何css文档。因此,默认样式为“无”。浏览器不知道它的外观,例如添加

input[type=checkbox]{
  width: 100px;
  height: 100px;
  background: blue;
}

你的风格不再是空的

CSS外观:无;输入时将使复选框不可见。因此,此块将使复选框消失,但仅删除正常文本输入上的浏览器默认样式或删除选择输入上的箭头:

input, select, textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

这样做通常是为了禁用默认样式。显然,没有为复选框定义新的样式,因此它们是不可见的。

。为自己的风格使用以下指南:酷。我认为你应该接受一些答案来结束这个问题,因为现在它显示为尚未解决。问候语
input, select, textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
}