滚动条样式未在IE中应用

时间:2014-09-23 11:29:27

标签: css wpf internet-explorer scrollbar webbrowser-control

我有一个带有WebBrowser控件的WPF应用程序运行网站...(使用IE引擎)

我有一些css属性来设置滚动条的样式:

scrollbar-base-color:  #333333;
scrollbar-highlight-color: #252525;
scrollbar-track-color: #252525;
scrollbar-arrow-color: #333333;
scrollbar-shadow-color: #252525;

当我在计算机上运行应用程序时,我的css应用得很好:

enter image description here

但在另一台计算机上,滚动条显示如下:

enter image description here

这两台计算机安装了IE 11的最新版本。

知道为什么会出现这样的情况吗?

编辑:该样式适用于使用Internet Explorer的第二台计算机,但不适用于具有WebBrowser控件的WPF应用程序。

还有问题......有什么想法吗?

enter image description here

1 个答案:

答案 0 :(得分:0)

尝试这样

div {
  width: 150px;
  height: 150px;
  border-style: solid;
  border-width: thin;
  overflow-y: scroll;
  font-family: sans-serif;
  float: left;
  margin-right: 10px;
}
.aquaScroll {
  scrollbar-base-color: aqua;
  scrollbar-arrow-color: blue;
  border-color: blue;
}
.bisqueScroll {
  scrollbar-base-color: bisque;
  scrollbar-arrow-color: red;
  border-color: red;
}
<div class="aquaScroll">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  </div>
  <div class="bisqueScroll">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  </div>