Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.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/0/iphone/43.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
字段集CSS样式在Mozilla Firefox上不起作用_Css - Fatal编程技术网

字段集CSS样式在Mozilla Firefox上不起作用

字段集CSS样式在Mozilla Firefox上不起作用,css,Css,fieldset.scheduler-border{ 边框:1px凹槽#ddd!重要; 填充:0 1.4em 1.4em 1.4em!重要; 边距:0 1.5em 0!重要; 盒影:3px 3px 2px#ccc; 过渡:0.5s; } 调度程序边框:悬停{ 盒影:3px 3px 0px透明; 过渡:0.5s; } legend.scheduler-border{ 宽度:自动; 填充:0px 10px; 边框底部:无; } 事件伯爵酒店 奎亚 也许可以在Firefox上试试这个? Firefo

fieldset.scheduler-border{
边框:1px凹槽#ddd!重要;
填充:0 1.4em 1.4em 1.4em!重要;
边距:0 1.5em 0!重要;
盒影:3px 3px 2px#ccc;
过渡:0.5s;
}
调度程序边框:悬停{
盒影:3px 3px 0px透明;
过渡:0.5s;
}
legend.scheduler-border{
宽度:自动;
填充:0px 10px;
边框底部:无;
}

事件伯爵酒店
奎亚

也许可以在Firefox上试试这个? Firefox fieldset legend长期存在缺陷,可以为
legend
设置边距上限,并减少
fieldset
的边距

@-moz-document url-prefix() {
  fieldset {
    margin-top: -0.9em;
  }
  legend.scheduler-border {
    margin-top: 0.9em;
    margin-left: calc(50% - 6.5em);
  }
}
我用以下内容更新了您的css:

  -webkit-box-shadow: 3px 3px 2px #ccc;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 3px 3px 2px #ccc;
  /* Firefox 3.5 - 3.6 */
  box-shadow: 3px 3px 2px #ccc;
  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
  -webkit-transition: 0.5s;
  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
  transition: 0.5s;
  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
fieldset.scheduler-border{
边框:1px槽#ddd;
填充:0 1.4em 1.4em 1.4em;
保证金:0.1.5em 0;
-网络工具包盒阴影:3px 3px 2px#ccc;
/*Safari 3-4、iOS 4.0.2-4.2、Android 2.3+*/
-莫兹盒阴影:3px 3px 2px#ccc;
/*火狐3.5-3.6*/
盒影:3px 3px 2px#ccc;
/*Opera 10.5、IE 9、Firefox 4+、Chrome 6+、iOS 5*/
-webkit转换:0.5s;
/*Android 2.1+、Chrome1-25、iOS 3.2-6.1、Safari 3.2-6*/
过渡:0.5s;
/*Chrome 26、Firefox 16+、iOS 7+、IE 10+、Opera、Safari 6.1+*/
}
调度程序边框:悬停{
-webkit盒阴影:3px 3px 0px透明
/*Safari 3-4、iOS 4.0.2-4.2、Android 2.3+*/
-moz盒阴影:3px 3px 0px透明;
/*火狐3.5-3.6*/
盒影:3px 3px 0px透明;
/*Opera 10.5、IE 9、Firefox 4+、Chrome 6+、iOS 5*/
-webkit转换:0.5s;
/*Android 2.1+、Chrome1-25、iOS 3.2-6.1、Safari 3.2-6*/
过渡:0.5s;
/*Chrome 26、Firefox 16+、iOS 7+、IE 10+、Opera、Safari 6.1+*/
}
legend.scheduler-border{
宽度:自动;
填充:0px 10px;
边框底部:无;
}
@-moz文档url-前缀(){
字段集{
边缘顶部:-0.9em;
}
legend.scheduler-border{
边缘顶部:0.9em;
左边距:计算值(50%-6.5em);
}
}

事件伯爵酒店
奎亚

您可以包含您的HTML吗?更好的是,添加一个代码片段(编辑工具栏中的
图标)好的,我会试试。从未使用过它你在使用windows吗?@JuMoGar好的,在你的Firefox中试试我的答案。如果不起作用,是哪一部分?阴影?
似乎是这里的问题。如果您用
替换它,它似乎可以工作。谢谢。但继续不起作用。影子很好用。图例位于字段集边缘上方,同样在Chrome I中居中显示(图例),在FireFox中向左对齐。这是两个主要的区别。@JuMoGar好的,我知道你的问题是什么。你知道为什么吗?@JuMoGar这是firefox 8年来的一个bug,请查看我的更新代码以找到解决方法。谢谢!图例现在与字段集对齐!!。但是现在。。。在您的代码片段中,它与中心对齐正确,但在我的第页中,它没有。。。我复制了你的代码,好像是为了防止它改变了我的一些不好的东西,这是非常罕见的