Login
网站首页 > 文章中心 > 其它

滚动条样式规范_用css怎样定义IE滚动条的样式

作者:小编 更新时间:2023-07-06 08:07:06 浏览量:84人看过

QTextEdit QScrollBar::vertical {margin: 15px 0px 15px 0px;background-color: rgb(150, 150, 150, 100); border: 0px; width: 15px;}

QTextEdit QScrollBar::handle:vertical {background-color: blue;}

QTextEdit QScrollBar::handle:vertical:pressed {background-color: rgb(200,20,220,0); }

QTextEdit QScrollBar::add-page:vertical {background-color: black; }

QTextEdit QScrollBar::sub-page:vertical {background-color: black; }

滚动条样式规范_用css怎样定义IE滚动条的样式-图1

QTextEdit QScrollBar::sub-line:vertical {subcontrol-origin: margin; border: 0px solid black; height:15px}

QTableWidget QScrollBar::add-line:vertical {subcontrol-origin: margin; border: 0px solid black; height:15px}

QTextEdit QScrollBar::up-arrow:vertical { background-color: rgb(200,20,220,0); }

QTextEdit QScrollBar::down-arrow:vertical { image: url(:/resource/down_arrow.PNG); }

QTextEdit QScrollBar::horizontal {margin: 0px 15px 0px 0px;background-color: rgb(150, 150, 150, 100); border: 0px; height: 15px;}

QTextEdit QScrollBar::handle:horizontal {background-color: rgb(200,0,0,220); }

QTableWidget QScrollBar::handle:horizontal:pressed {border-image: url(:/resource/handle_horizontal_pressed.PNG); }

QTableWidget QScrollBar::add-page:horizontal {background-color: black; }

滚动条样式规范_用css怎样定义IE滚动条的样式-图2

QTableWidget QScrollBar::sub-page:horizontal {background-color: blue; }

QTextEdit QScrollBar::add-line:horizontal {subcontrol-origin: margin; border: 0px solid black; width:15px}

QTextEdit QScrollBar::sub-line:horizontal {subcontrol-origin: margin; border: 0px solid black; width:15px}

QTextEdit QScrollBar::left-arrow:horizontal { image: url(:/resource/left_arrow.PNG); }

QTableWidget QScrollBar::right-arrow:horizontal { image: url(:/resource/right_arrow.PNG); }

右键控件,改变样式表。。。(Change style sheet...)

把上面的复制进去;

setStyleSheet(

"把上面的复制进来"

);

用颜色,用图片都可以

还没见过

通过铅弊CSS样式改变

<槐圆族!--

BODY {

scrollbar-face-color: #FF0000 ;

scrollbar-highlight-color: #00FF00;

scrollbar-darkshadow-color: #ff0000;

scrollbar-3dlight-color: #ff0000;

scrollbar-arrow-color: #ff0000;

scrollbar-track-color: #ffcccc;

scrollbar-darkshadow-color: #ffffff;

}

/* 设置滚动条的巧羡哗样式 */

::-webkit-scrollbar {

width:12px;

/* 滚动孝行槽 */派判

::-webkit-scrollbar-track {

-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);

border-radius:10px;

/* 滚动条滑块 */

::-webkit-scrollbar-thumb {

background:rgba(0,0,0,0.1);

-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);

::-webkit-scrollbar-thumb:window-inactive {

background:rgba(255,0,0,0.4);}

以上就是土嘎嘎小编大虾米为大家整理的滚动条样式规范_用css怎样定义IE滚动条的样式相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章