相关疑难解决方法(0)

这是困扰我的一些小CSS问题.Stack Overflow周围的人们如何垂直对齐checkboxes以及他们labels一致的跨浏览器？每当我在Safari中正确对齐它们(通常使用vertical-align: baseline的input),他们完全关闭在Firefox和IE.修复它在Firefox中,Safari和IE不可避免地搞砸了.每次编写表单时,我都会浪费时间.

这是我使用的标准代码:

<form>
    <div>
        <label><input type="checkbox" /> Label text</label>
    </div>
</form>

我通常使用Eric Meyer的重置,因此表单元素相对干净的覆盖.期待您提供的任何提示或技巧!

我需要做chrome/opera hacks,因为客户想要的字体替换脚本会破坏事情......这很难过,但一切都在IE6-7,FF2-3和Safari中工作.我无法修复脚本本身,我只能使用CSS和HTML来破解它.

我正在努力做一些事情:

<!--[if IE 6]>
   <link rel="stylesheet" href="ie6.css" type="text/css" media="screen" />
<![endif]-->

可能吗？

我看到了这种做铬特定修复的方法,如:

body:nth-of-type(1) .elementOrClassName
{
/* properties go here */
}

这管用吗？有更简单的方法吗？歌剧怎么样？

谢谢!

我想将区域更改为最大溢出:仅在::-webkit-scrollbar-thumb支持时滚动.

纯粹的CSS中有可能以某种方式吗？因为它似乎@supports只检查规则,没有选择器.

此代码显示了两个div容器。在与该ID的DIV a的display: flex;设置。两者都使用激活了连字-ms-hyphens: auto;。但是在IE或Edge中，连字符仅在未连接flexbox的div上有效。如预期的那样，它在Chrome和Firefox中运行良好。

div {
  max-width: 100px;
  background: red;
  -ms-hyphens: auto;
  hyphens: auto;
  margin-bottom: 10px;
}
#a {
  display: flex;
}

<article>
  <div id="a" lang="en">
    Incomprehensibilities 
  </div>

  <div id="b" lang="en">
    Incomprehensibilities 
  </div>
</article>

https://codepen.io/anon/pen/jmGxJZ

有人有解决方案吗？