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