QD-样式qss

最新推荐文章于 2025-11-03 15:12:11 发布

原创最新推荐文章于 2025-11-03 15:12:11 发布 · 161 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #html

1.QComboBox

 QComboBox {
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 5px 10px;
        min-width: 150px;
        background: white;
        selection-background-color: #e0f0ff;
    }
    
    QComboBox:hover {
        border-color: #66afe9;
    }
    
    QComboBox:editable {
        background: #fff8e1;
    }
    
    QComboBox::drop-down {
        subcontrol-origin: padding;
        subcontrol-position: right center;
        width: 20px;
        border-left: 1px solid #ddd;
    }
    
    QComboBox::down-arrow {
	image: url(:/image/static/svgs/meu/down.svg);
        width: 10px;
        height: 10px;
    }
    
    QComboBox QAbstractItemView {
        border: 1px solid #ddd;
        selection-background-color: #4CAF50;
        selection-color: white;
        outline: none;
    }

2.input

#lineEdit{
    border: 2px solid #3498db;
    border-radius: 5px;
    padding: 5px;
    background: #f8f9fa;
    selection-background-color: #3498db;
    font-size: 14px;\n    
}
#lineEdit:focus {
    border: 2px solid #2ecc71;
}