相关疑难解决方法(0)

客户端给了我一个设计,其中有一个Select Option菜单,其中包含一个复选框以及项目名称作为列表中的单个项目.有没有可能在Select Option菜单中添加一个复选框？

注意:开发人员需要添加自己的ID才能使菜单生效,如果可能,我只需要HTML CSS代码.

我一直试图让一些伪元素在IE上工作,但它只是不让我.

它跨越了CSS并且表现得像它不存在,这有点让我感激不尽.

谁会知道我做错了什么？

.newbutton {
  border-radius: 50%;
  width: 74px;
  height: 74px;
  position: relative;
  background-color: black;
  margin: 60px 0px 25px 17px;
  overflow: visible;
}

.newbutton:before {
  content: "f";
  width: 80px;
  height: 80px;
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: 37px;
  left: 37px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation-name: fadecolor;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  animation-name: fadecolor;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}

.newbutton:after {
  content: "";
  width: 80px;
  height: 80px;
  position: absolute;
  border-radius: 50%;
  z-index: -2;
  top: -3px;
  left: -3px;
  background: -webkit-gradient(linear, …

我在给定的屏幕上有一个带有两个字体图标的角度应用程序。这些在chrome，firefox和edge上都可以很好地呈现，但是在IE 11上却不显示。该图标将被呈现为content的的:after伪类，而根据我的研究，应该工作在IE 9和罚款。但是，在IE上，这些根本不呈现。

如屏幕截图所示，：after元素不在开发工具中显示的DOM中，并且css是正确的，但在开发工具中显示为划掉了：

在显示该问题的屏幕中已编译并实际使用的相关CSS如下所示：

.profile-picture[_ngcontent-vem-9]:after {
    font-family: Material Icons;
    content: "\E3B0";
    font-size: 48px;
    top: 32px;
    left: 25px
}
.profile-picture[_ngcontent-vem-9] .title[_ngcontent-vem-9],
.profile-picture[_ngcontent-vem-9]:after {
    display: block;
    position: absolute;
    color: #9e9e9e;
    transition-duration: .3s
}

划掉的规则之上的规则无关。但是由于有人要见他们，所以他们是：

问题是：为什么会这样，如何解决？

我有一些css代码使用:before和:after selectors:

.caption-wrap .line-3:before,
.caption-wrap .line-3:after {
    content: " ";
    position: absolute;
    width: 50px;
    height: 5px;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.caption-wrap .line-3:before {
    margin: 7px 0 0 -60px;
}
.caption-wrap .line-3:after {
    margin: 7px 0 0 10px;
}

幻灯片HTML标记:

<li>
    <img src="images/mountains.jpg" class="parallax-bg" alt="">
    <div class="overlay"></div>
    <div class="container hidden-xs">
        <div class="caption-wrap">
            <p class="line-1">we are</p>
            <h1 class="line-2 dashed-shadow">
                MINIMAL</h1>
                <h4 class="line-3">Design | Develpment | Success</h4>
                <p class="line-5">
                    <a href="#">codenpixel</a>
                    <a href="#">retrograde</a>
                </p>
                <p class="line-6">2014</p>
        </div>
    </div> …