Archived:How to make a stylesheet in Qt, Part 1

Archived: This article is archived because it is not considered relevant for third-party developers creating commercial solutions today. If you think this article is still relevant, let us know by adding the template {{ReviewForRemovalFromArchive|user=~~~~|write your reason here}}.

Qt Quick should be used for all UI development on mobile devices. The approach described in this article (based on QWidget) is deprecated.

This code snippet demonstrates how to create a stylesheet for a specific QWidget. Note that it is also possible to apply a stylesheet to a whole QApplication.

Article Metadata

---

Tested with

Devices(s): Emulator

---

Compatibility

Platform(s): Qt

---

Platform Security

Signing Required: Self-Signed

Capabilities: None

---

Article

Keywords: setStylesheet, stylesheet

Created: james1980 (06 Jan 2009)

Last edited: hamishwillee (11 Oct 2012)

Preconditions

• Download and install the Qt SDK

Main Function

• This is use to set the style of widget

win->setStyleSheet("* { color: #676767;border-style:dashed ; border-width: 4px; border-color: #00FFFF; padding: 7px}}");

Source File

#include <QApplication>
#include <QPushButton>
#include <QLabel>
#include <QWidget>
#include <QVBoxLayout>
#include<QLineEdit>
int main(int argc, char *argv[])
{
	QApplication app(argc, argv);
	QWidget *win = new QWidget;
	QVBoxLayout *layout = new QVBoxLayout;
	QPushButton *button = new QPushButton("Click");
	QLabel *label = new QLabel("Hello");
        QLineEdit *line=new QLineEdit();
	win->setStyleSheet("* { color: #676767;border-style:dashed ; border-width: 4px;border-color: #00FFFF; padding: 7px}}");
	button->setStyleSheet("* { background-color: rgb(255,125,100) }");
	label->setStyleSheet("* { background-color: blue }");
        line->setStyleSheet("*{background-color:yellow}");
	layout->addWidget(label);
 
	layout->addWidget(button);
        layout->addWidget(line);
	win->setLayout(layout);
	win->showMaximized();
	return app.exec();
}

ScreenShot