隐藏IE上的滚动条(保留边框)

时间:2016-02-24 14:26:31

标签: html css html5 css3 internet-explorer

我有一个div:

overflow-y: scroll

我希望在IE上隐藏滚动条,我使用:

-ms-overflow-style: none;

不幸的是,这会删除div上的边框:

border-right: 1px solid red;

如何删除IE中的滚动条,但仍然在div上保留边框?

1 个答案:

答案 0 :(得分:0)

使用此代码,我无法在ie 11或edge

中复制您的问题
<div>Lorem ipsum dolor sit amet, sit at sonet theophrastus, volumus 
torquatos at sit, te mucius detraxit nec. Eros impedit sadipscing no est,
wisi perpetua interpretaris ne est. In nam natum audiam abhorreant, 
postea salutandi nam an, ne vim admodum repudiandae dissentiunt. Ea vix debet 
invenire, id dicat periculis pro, ne mazim mediocrem reprehendunt cum. Vel inermis cotidieque an.

Id pri exerci ponderum, assum disputationi in eos. Ne brute definitionem 
sit, cibo putent vocibus ius an. Vix autem ludus ceteros te, disputando 
appellantur no mea. Ut qui labitur adipisci, his maiorum suscipiantur 
necessitatibus at.

Eum vide mutat harum at. In vim utinam aperiam, vel te delenit recteque 
theophrastus. Et has principes splendide, euismod dolores accommodare his
 cu. Quidam labores facilisi sea ei, in qui dignissim persequeris. Ei pro 
inani aeterno volutpat, nam no malis aperiri. Vim legimus patrioque 
rationibus ex.

Ad vis commune salutatus. At ancillae pertinacia mel, ne odio purto 
albucius duo. Ut pri augue admodum, pro at dicam tritani. Cu iusto dicit 
copio

sae his, nec ea reque doming.</div>

div {
  width:300px;
  height:300px;
  border:1px solid Red;
  overflow-y:scroll;
  -ms-overflow-style: none;
}

http://codepen.io/anon/pen/dMbYqG