QSS 按钮样式 要求背景颜色偏蓝色字体漂亮鼠标指向时有变化点击时有变化

你可以使用CSS来设置QSS按钮的样式。以下是一个示例：

<style>
    .qss-button {
        background-color: #007bff;
        color: white;
        font-family: Arial, sans-serif;
        font-size: 14px;
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

    .qss-button:hover {
        background-color: #0056b3;
    }

    .qss-button:active {
        background-color: #003a80;
    }
</style>

<button class="qss-button">按钮</button>

在上面的示例中，我们使用了.qss-button类来定义按钮的样式。background-color设置了背景颜色为蓝色，color设置了字体颜色为白色，font-family设置了字体为Arial或sans-serif，font-size设置了字体大小为14px，padding设置了按钮内边距，border和border-radius设置了边框和边框圆角。

我们还使用了cursor: pointer来指定鼠标悬停在按钮上时的指针样式为手型。

transition属性设置了背景颜色的过渡效果，使鼠标悬停和点击时的颜色变化更加平滑。

.qss-button:hover选择器用于设置鼠标悬停时的样式，.qss-button:active选择器用于设置按钮被点击时的样式。

你可以根据需要自定义按钮的样式，调整颜色、字体、边框等属性