标签: stylesheet

是否可以在 CSS 中获取默认的 Chrome 按钮样式？

当然很多人会说使用http://pastebin.com/zjkW2cJe或http://pastebin.com/xKGBZFPg

但我想要这个按钮的 CSS 代码...

我有一个水平的QListView，我想使用样式表自定义内部的复选框和标签，以将标签放在复选框下方，而不是右侧。

如何做呢？

我目前正在使用样式表来设计应用程序的主题。这是我用于 QTabWidget 的样式表：

/*QTabBar et QTabWidget*/
QTabBar::tab {
    background: qlineargradient(spread:pad, x1:0.5, y1:0, x2:0.5, y2:1, stop:0 rgba(73, 73, 74, 255), stop:1 rgba(40, 40, 40, 255));
    border: 1px solid rgb(190, 190, 190);
    max-height: 0.6em;
    min-width: 0.6em;
    padding: 5px;
    margin-left: -1px;
    margin-right: -1px;
}
QTabBar::tab:selected, QTabBar::tab:hover {
    background: qlineargradient(spread:pad, x1:0.5, y1:1, x2:0.5, y2:0, stop:0 rgba(39, 117, 219, 255), stop:1 rgba(107, 171, 249, 255));
}


QTabBar::tab:last {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-right: 0px;
}

QTabBar::tab:first {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-left: 0px;
}

QTabBar::tab:only-one …

下面我有一个嵌套的 if 语句，它根据用户设备加载特定的 CSS 文件。我还有一个样式表切换器，如果正在使用某个设备，则需要加载 CSS 文件。

if(navigator.userAgent.match(/Windows NT/i)){
if(window.innerWidth < 816){document.write('<link rel="stylesheet" type="text/css" href="ui/tablet/css/site.css">');}
else{document.write('<link rel="stylesheet" type="text/css" href="ui/root/css/site.css title="default"><link rel="alternate stylesheet" type="text/css" href=""ui/root/css/reverse.css" title="reverse"/>');}}

问题出在最后一行。我试图在加载页面时“加载”而不是写入多个 CSS 文件。我需要加载多个 CSS 文件，因为我有一个样式表切换器，这取决于基本上预先加载的 CSS 文件。

我显然不能像上面的代码那样将 document.write 与多个 CSS 文件一起使用。无论如何，我也不应该使用 document.write 因为如果用户确实更改了样式表，那么在刷新时它无论如何都会写入旧的 CSS 文件。

我尝试尽可能清晰，但我基本上在这里使用许多不同的设备，并且还允许用户有机会更改样式表。有风险，我知道！

无论如何，我可以将 document.write 更改为 document.load 之类的内容吗？或者是否没有可能根据用户设备加载多个样式表？

谢谢，约翰。

我的 WordPress 有问题，我已经创建了所有需要的文件，包括 style.css index.php 等，但页面没有样式。在标题中，除其他外，我把这个

<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/bootstrap-responsive.css" />
<link rel="stylesheet" type="text/css" href="text/css" href="<?php bloginfo('template_url'); ?>/css/style.css" />

我QFrame只是使用彩色边框，因为我找不到更改颜色的方法QDialog。那么因为篡改了 QFrame边框，也在影响着QLabel外观，有什么办法可以避免这种情况呢？

编辑： 这是我正在使用的样式表，其中QLabels' 没有任何效果。它正在采取QFrames'

QWidget {
    background-color: black;
}
QLabel {
    color:white;
    border: solid 2px black;
    font: bold 19px Sans Serif;
}
QFrame {
    border: solid 2px white;
    border-radius: 4px;
}

请友善，我尽了最大努力通过谷歌，并找到了一些指导（也在 StackOverflow 上），但这些都不适合我。

带有 FMX 进度条的 FMX 表单；

我只想将进度条颜色从丑陋的黄色更改为凉爽的天蓝色。

到目前为止，我已经在表单上放置了一本样式手册；

我已将“progresscellstyle.htrack.hindicator”添加到样式表设计器中；

它是唯一一个甚至为我提供颜色选项的选项（相对于“progressbarstyle treeitem”中的所有内容），并且该颜色不会影响我的进度条颜色。

如果您能如此友善，请下一步解决这个问题

我buttons里面有一些container。这些按钮有一个，padding如您在image below。我需要容器不忽略填充。

我试过了box-sizing但没有成功。

这里有HTML代码：

<br />
<div style="background-color:#0f0;">
    <a href="#" class="button">EDIT CART</a> ......
    <a href="#" class="button">UPDATE</a> ......
    <a href="#" class="button">PROCEED TO CHECKOUT</a>
</div>

<br /><br /><br />

<div style="background-color:#0f0;width:200px;">
    <a href="#" class="button">EDIT CART</a> ......
    <a href="#" class="button">UPDATE</a> ......
    <a href="#" class="button">PROCEED TO CHECKOUT</a>
</div>

这里有CSS代码：

.button {
    color: #fff;
    background-color: #0778bd;
    font-family: "Tahoma";
    font-size: 25px;
    text-decoration: none;
    padding: 20px 25px;
}

这里有JSFiddle链接： https: //jsfiddle.net/ox6yzpfa/ …

好的，我完全期望因为问一些愚蠢的（或至少是重复的）事情而火上浇油，但是在附加的代码段中，为什么我必须使用window.getComputedStyle来访问 CSS 应用的样式？我的印象是该.style字段至少会反映最初由 CSS 应用的样式，和/或从那时起手动更改的样式。

如果不是，那么控制元素.style字段中反映（以及何时）反映哪些属性的确切规则是什么？

setTimeout(() => {
    console.log("the bckg color:", reddish.style.backgroundColor);
    console.log("the width:", reddish.style.width);
    console.log("from a computed style:", window.getComputedStyle(reddish).backgroundColor);
    console.log("from a computed style:", window.getComputedStyle(reddish).width);
}, 100);

#reddish {
    background-color: #fa5;
    width: 100px;
    height: 100px;
}

<html>
    <body>
        <div id="reddish"></div>
    </body>
</html>

是否有可用于Qt应用程序的样式表(通过Qt Creator),使您的GUI使用您在Qt Creator本身以及AutoCAD和其他一些应用程序中看到的样式表？

样式表的名称是什么？我在哪里可以获得它？它看起来很像Vista样式表...

每当您为Qt应用程序设置自定义样式表时,它是否会在所有平台上显示相同的样式,还是仍会显示本机GUI部件？