美文网首页Qt 使用笔记
Qt Style Sheet - Selector语法总结

Qt Style Sheet - Selector语法总结

作者: paresly | 来源:发表于2019-02-24 10:37 被阅读12次

控件样式

qss的语法与css基本一致,为某个控件(一般控件都是继承自QWidget)设置样式可以这样写:

selector
{
  attribute_1:value_1;
  attribute_2:value_2;
}

selector的主要用法:

  • classname 用控件类名作为selector,这种主要用在控件之间可以用类名来区别的情况下。
QPushButton{
    border-radius:2px;
    color:#FF0000;
}
QLineEdit{
  max-width:20px;
  min-width:20px;
}
  • classname + #objectname 类名和属性名称,这种主要用在界面上有多个相同的控件,但又需要各自控件有不同的属性,在代码中为需要设置样式的控件用setobjectname方法加以区别。
QPushButton #tabButton{
  border-bottom:2px solid #FF0000;
  font-weight:bold;
}
QPushButton #refresh{
  border:0px;
  border-radius:2px;  
}
  • 派生选择 classname drivedclass{} 要求classname 是 drivedclass的父类,该样式只对drivedclass 这种控件有效果
basewidget QPushButton{
  color:#FF0000;
}
  • 属性选择 classname[property=value]{} 其中property是classname 中用setproperty设置的属性,当满足这一属性条件时候显示这种样式,如果在运行的时候属性变了,需要重新加载样式,用classname->setStyle()重新加载样式。
QPushButton[state="2"]{
  border:0px;
  border-radius:0px;
}

相关文章

  • Qt Style Sheet - Selector语法总结

    控件样式 qss的语法与css基本一致,为某个控件(一般控件都是继承自QWidget)设置样式可以这样写: sel...

  • CSS基础知识

    CSS(Cascading Style Sheet) 层叠样式表 语法 例: 注释 引入方式 1.行内引入 2.内...

  • css基础

    1、css英文全称及汉译 cascading style sheet 层叠样式表 2、创建内部样式的语法: 3、写...

  • 初学css样式

    css是什么?Casading style sheet .英语不好只看懂了style sheet 类型表+casa...

  • css基础知识

    1.CSS:Cascading Style Sheet层叠样式表,又称风格样式表Style Sheet,用于设计网...

  • CSS基础

    学习了CSS,做个总结~。 什么是CSS(级联样式表 Cascade Style Sheet)现有HTML标签,不...

  • 多重样式优先级

    内联样式(Inline style)>内部样式(Internal style sheet)>外部样式(Extern...

  • vuedose.tips(翻译系列二十一)

    Style inner elements in scoped CSS using /deep/ selector ...

  • Qt资料

    官方资料 Coding Conventions Qt Coding Style

  • 使用querySelector添加移除style和class

    document.querySelector(selector).style.styleName = 样式 使用这...

网友评论

    本文标题:Qt Style Sheet - Selector语法总结

    本文链接:https://www.haomeiwen.com/subject/afsvyqtx.html