1. QTableView {
    2.     /*表格字体颜色*/
    3.     color: rgb(170, 85, 255);
    4.     /*鼠标选中时的文字颜色*/
    5.     selection-color: red;
    6.     /*设置交替颜色,需要 设置 table->setAlternatingRowColors(true);*/
    7.     alternate-background-color: red;
    8.     /*表格表单背景颜色*/
    9.     background-color: rgb(255, 255, 0);
    10.     /*鼠标选中时的表格表单背景颜色*/
    11.     selection-background-color: lightgray;
    12.     /*表格中的网格线条的颜色*/
    13.     gridline-color: rgb(170, 85, 255);
    14.     /*表格最外层的边框的颜色 none为去除边界线*/
    15.     border: 1px solid red;
    16.     /*表格四个角的弧度*/
    17.     border-radius: 5px;
    18.     /*表格与边框的间距*/
    19.     padding: 10px 10px;
    20. }
    22. QTableView QWidget {
    23.     /*QHeaderView中没有控件的地方的样式*/
    24.     background: white;
    25.     border: 0px;
    26. }
    28. QTableView::Item {
    29.     /*单元格的样式,如果QTableView设置了gridline-color,不会进行覆盖*/
    30.     border-left: 1px solid orange;
    31.     border-top: 1px solid rgb(0, 170, 255);
    32.     border-right: 1px solid rgb(85, 85, 127);
    33.     border-bottom: 1px solid red;
    34. }
    37. /*表格中复选框的样式*/
    39. QTableView::indicator:unchecked {
    40.     background-color: red;
    41. }
    43. QTableView::indicator:checked {
    44.     background-color: yellowgreen;
    45. }
    48. /* QHeaderView的样式*/
    50. QHeaderView {
    51.     background: red;
    52.     border: 0px solid;
    53. }
    55. QHeaderView:horizontal {
    56.     height: 100px;
    57.     background-color: rgb(0, 0, 255);
    58. }
    60. QHeaderView:vertical {
    61.     width: 20px;
    62.     background-color: rgb(241, 251, 255);
    63. }
    66. /*这两部分是headerView默认、悬浮和点击的样式*/
    68. QHeaderView::section {
    69.     /*表头文本颜色*/
    70.     color: red;
    71.     /*表头背景色*/
    72.     background-color: rgb(241, 251, 255);
    73.     /*表头边框线颜色*/
    74.     border-left: 3px solid red;
    75.     border-right: 3px solid red;
    76.     border-top: 2px solid grey;
    77.     border-bottom: none;
    78. }
    80. QHeaderView::section:hover {
    81.     background-color: rgb(241, 251, 255);
    82. }
    84. QHeaderView::section:checked {
    85.     background-color: rgb(241, 251, 255);
    86. }
    1. /*垂直滚动条整体*/
    3. QScrollBar:vertical {
    4.     /*滚动条宽度*/
    5.     width: 12px;
    6.     /*滚动条背景色*/
    7.     background: rgb(170, 170, 255);
    8.     /*滚动条距离上下边界的距离*/
    9.     margin: 0px, 0px, 0px, 0px;
    10.     /*上预留位置 留给图片(看图片的高度)或者样式的*/
    11.     padding-top: 12px;
    12.     /*下预留位置*/
    13.     padding-bottom: 12px;
    14. }
    17. /*滚动条中滑块的样式*/
    19. QScrollBar::handle:vertical {
    20.     /*宽度跟随QScrollBar的宽度,这个值设置无效*/
    21.     width: 12px;
    22.     /*背景颜色*/
    23.     background: rgb(0, 0, 0, 25%);
    24.     /*弧度*/
    25.     border-radius: 6px;
    26.     /*最小高度*/
    27.     min-height: 20;
    28. }
    31. /*鼠标触及滑块样式  类似于悬浮*/
    33. QScrollBar::handle:vertical:hover {
    34.     width: 9px;
    35.     background: rgb(0, 0, 0, 50%);
    36.     border-radius: 4px;
    37.     min-height: 20;
    38. }
    41. /*设置下箭头*/
    43. QScrollBar::add-line:vertical {
    44.     height: 12px;
    45.     width: 10px;
    46.     /* border-image:url(:/selectfile/scroll/3.png);*/
    47.     subcontrol-position: bottom;
    48. }
    51. /*设置上箭头*/
    53. QScrollBar::sub-line:vertical {
    54.     height: 12px;
    55.     width: 10px;
    56.     /* border-image:url(:/selectfile/scroll/1.png);*/
    57.     subcontrol-position: top;
    58. }
    61. /*设置下箭头:悬浮状态*/
    63. QScrollBar::add-line:vertical:hover {
    64.     height: 12px;
    65.     width: 10px;
    66.     /*  border-image:url(:/selectfile/scroll/4.png);*/
    67.     subcontrol-position: bottom;
    68. }
    71. /*设置上箭头：悬浮状态*/
    73. QScrollBar::sub-line:vertical:hover {
    74.     height: 12px;
    75.     width: 10px;
    76.     /* border-image:url(:/selectfile/scroll/2.png);*/
    77.     subcontrol-position: top;
    78. }
    81. /*当滚动条滚动的时候，上面和下面的背景颜色*/
    83. QScrollBar::add-page:vertical,
    84. QScrollBar::sub-page:vertical {
    85.     background: rgb(0, 0, 0, 10%);
    86.     border-radius: 4px;
    87. }
    1. /*垂直滚动条整体*/
    3. QScrollBar:horizontal {
    4.     /*滚动条高度*/
    5.     height: 12px;
    6.     /*滚动条背景色*/
    7.     background: rgb(170, 170, 255);
    8.     /*滚动条距离左右边界的距离*/
    9.     margin: 0px, 0px, 0px, 0px;
    10.     /*左预留位置 留给图片(看图片的宽度)*/
    11.     padding-left: 12px;
    12.     /*右预留位置*/
    13.     padding-right: 12px;
    14. }
    17. /*滚动条中滑块的样式*/
    19. QScrollBar::handle:horizontal {
    20.     /*高度跟随QScrollBar的宽度,这个值设置无效*/
    21.     height: 12px;
    22.     /*背景颜色*/
    23.     background: rgb(0, 0, 0, 25%);
    24.     /*弧度*/
    25.     border-radius: 6px;
    26.     /*最小高度*/
    27.     min-width: 20;
    28. }
    31. /*鼠标触及滑块样式  类似于悬浮*/
    33. QScrollBar::handle:horizontal:hover {
    34.     height: 9px;
    35.     background: rgb(0, 0, 0, 50%);
    36.     border-radius: 4px;
    37.     min-width: 20;
    38. }
    41. /*设置左箭头*/
    43. QScrollBar::add-line:horizontal {
    44.     height: 12px;
    45.     width: 10px;
    46.     /* border-image:url(:/selectfile/scroll/3.png);*/
    47.     subcontrol-position: left;
    48. }
    51. /*设置右箭头*/
    53. QScrollBar::sub-line:horizontal {
    54.     height: 12px;
    55.     width: 10px;
    56.     /* border-image:url(:/selectfile/scroll/1.png);*/
    57.     subcontrol-position: right;
    58. }
    61. /*设置左箭头:悬浮状态*/
    63. QScrollBar::add-line:horizontal:hover {
    64.     height: 12px;
    65.     width: 10px;
    66.     /*  border-image:url(:/selectfile/scroll/4.png);*/
    67.     subcontrol-position: left;
    68. }
    71. /*设置右箭头：悬浮状态*/
    73. QScrollBar::sub-line:horizontal:hover {
    74.     height: 12px;
    75.     width: 10px;
    76.     /* border-image:url(:/selectfile/scroll/2.png);*/
    77.     subcontrol-position: right;
    78. }
    81. /*当滚动条滚动的时候，上面和下面的背景颜色*/
    83. QScrollBar::add-page:horizontal,
    84. QScrollBar::sub-page:horizontal {
    85.     background: rgb(0, 0, 0, 10%);
    86.     border-radius: 4px;
    87. }
    1. ui->QTableView->verticalScrollBar()->setStyleSheet("QScrollBar:vertical{"        //垂直滑块整体  
    2.                                                           "background:#FFFFFF;"  //背景色  
    3.                                                           "padding-top:20px;"    //上预留位置（放置向上箭头）  
    4.                                                           "padding-bottom:20px;" //下预留位置（放置向下箭头）  
    5.                                                           "padding-left:3px;"    //左预留位置（美观）  
    6.                                                           "padding-right:3px;"   //右预留位置（美观）  
    7.                                                           "border-left:1px solid #d7d7d7;}"//左分割线  
    8.                                                           "QScrollBar::handle:vertical{"//滑块样式  
    9.                                                           "background:#dbdbdb;"  //滑块颜色  
    10.                                                           "border-radius:6px;"   //边角圆润  
    11.                                                           "min-height:80px;}"    //滑块最小高度  
    12.                                                           "QScrollBar::handle:vertical:hover{"//鼠标触及滑块样式  
    13.                                                           "background:#d0d0d0;}" //滑块颜色  
    14.                                                           "QScrollBar::add-line:vertical{"//向下箭头样式  
    15.                                                           "background:url(:/images/resource/images/checkout/down.png) center no-repeat;}"  
    16.                                                           "QScrollBar::sub-line:vertical{"//向上箭头样式  
    17.                                                           "background:url(:/images/resource/images/checkout/up.png) center no-repeat;}");  
    19. ui->QTableView->horizontalScrollBar()->setStyleSheet("QScrollBar:horizontal{"  
    20.                                                           "background:#FFFFFF;"  
    21.                                                           "padding-top:3px;"  
    22.                                                           "padding-bottom:3px;"  
    23.                                                           "padding-left:20px;"  
    24.                                                           "padding-right:20px;}"  
    25.                                                           "QScrollBar::handle:horizontal{"  
    26.                                                           "background:#dbdbdb;"  
    27.                                                           "border-radius:6px;"  
    28.                                                           "min-width:80px;}"  
    29.                                                           "QScrollBar::handle:horizontal:hover{"  
    30.                                                           "background:#d0d0d0;}"  
    31.                                                           "QScrollBar::add-line:horizontal{"  
    32.                                                           "background:url(:/images/resource/images/checkout/right.png) center no-repeat;}"  
    33.                                                           "QScrollBar::sub-line:horizontal{"  
    34.                                                           "background:url(:/images/resource/images/checkout/left.png) center no-repeat;}");