styling 相关问题

样式化是将可视元数据绑定到文档的过程

为什么iOS模拟器上的按钮尺寸如此之大，但是在Windows和Android上尺寸正确？ - .NETMAUI

ios button maui styling maui-ios

回答 0 投票 0

html ＆l ... HTML <body> <div id="main-div"> <table> <caption>8 Is Enough - Vintage Series</caption> <thead> <tr> <th>Date</th> <th>Track</th> <th>Start Time</th> <th>Laps</th> </tr> </thead> <tbody>  <tr> <td>3/17/2025</td> <td>Trial Mountain (Full Course)</td> <td>Morning</td> <td>25</td> </tr>  <tr class="blue"> <td>3/24/25</td> <td>Grand Valley (Highway 1)</td> <td>Early Morning</td> <td>35</td> </tr>  <tr> <td>3/31/25</td> <td>Road Atlanta</td> <td>Morning</td> <td>45</td> </tr>  <tr class="blue"> <td>4/7/25</td> <td>Blue Moon Speedway (Infield A)</td> <td>Afternoon</td> <td>50</td> </tr>  <tr> <td>4/14/25</td> <td>Laguna Seca (Full)</td> <td>Late Morning</td> <td>45</td> </tr>  <tr class="blue"> <td>4/21/25</td> <td>Watkins Glen (Long Course)</td> <td>Afternoon</td> <td>35</td> </tr>  <tr> <td>4/28/25</td> <td>Willow Springs (Big Willow)</td> <td>Early Morning</td> <td>45</td> </tr>  <tr class="blue"> <td>5/5/25</td> <td>Daytona (Road Course)</td> <td>Afternoon</td> <td>35</td> </tr> </tbody> </table> </div> <footer id="footer">This is a footer</footer> </body> CSS *{ box-sizing: border-box; margin:none; padding:none; font-family: racing sans one; text-shadow: 1px 1px 1px red; } body{ background-image: url('imgs/1969-ford-mustang-boss-429.jpg'); background-repeat: no-repeat; background-size: cover; margin:none; } #main-div{ width:79%; height:800px; background-color: rgb(248, 242, 242); margin:3rem auto; opacity:0.8; border-radius: 4px; border:solid rgb(149, 153, 227) 5px; } table{ width:80%; height:500px; text-align: center; margin:5rem auto; font-size: 2rem; border-collapse:collapse; margin-bottom:5rem; } caption{ font-size: 5rem; } th{ background-color: red; } .blue{ background-color: rgb(79, 53, 243); color:white; }; #footer{ width:50%; background-color: green; } 不管我有多么具体，我似乎无法对此进行任何样式。有趣的是，如果将其上方的.Blue选择器发表评论，那么我能够正常样式。我不明白如何将样式放在上面。蓝色和同时修改＃脚步。我评论了每个Selctor 1 x 1，直到我找到罪魁祸首。如果并且仅当我发表评论。蓝色（这是表的其他行），那么我才能设置＃footer。删除“;”在.blue{ background-color: rgb(79, 53, 243); color:white; }; 8就足够了 - 复古系列

html css element styling

回答 1 投票 0

a“标题”或div

我有几个带有固体边框的divs和每个内部的其他一些GUI项目（文本框，按钮等）。每种div类型的“盒子”相关的项目都成为一种很好的，视觉上令人愉悦且有意义的方式。但是，我想在边界中间的DIV上添加标题或标题，以描述该盒子的功能。到目前为止，我可以在边框下方或上方添加文本，但不能在中间添加文本。那甚至可能吗？

html css asp.net styling

回答 2 投票 0

为什么使用 clsx 而不是三元运算符来有条件地包含类名？

NextJS 基础学习课程提到使用 clsx 库有条件地包含类名。我无法证明使用 clsx 而不是三元运算符背后的原因？：就像在 React 中一样......

css next.js styling classname clsx

回答 1 投票 0

Avalonia UI 使用 Button.myclass:pointerover 覆盖 Button:pointerover

我设法使用样式覆盖按钮类的属性： <Setter Property="Background" Value="Yellow"/> </St...</desc> <question vote="0"> <p>我设法使用样式覆盖按钮类的属性：</p> <pre><code><Style Selector="Button.icononly"> <Setter Property="Background" Value="Yellow"/> </Style> <Style Selector="Button"> <Setter Property="Background" Value="Green"/> </Style> <Button Classes="icononly"/> <Button/> </code></pre> <p>两者都显示正确的颜色。<br/> 现在不起作用的部分：<br/></p> <pre><code><Style Selector="Button.icononly:pointerover /template/ ContentPresenter"> <Setter Property="Background" Value="Blue"/> </Style> <Style Selector="Button:pointerover /template/ ContentPresenter"> <Setter Property="Background" Value="Red"/> </Style> </code></pre> <p>悬停时两个按钮均呈红色。仅当我不覆盖所有按钮的 :pointerover （省略最后 3 行）时，这才有效。我不明白如何覆盖常规状态不是问题，它更喜欢特定的类而不是像我期望的那样定义的类。对于 :pointerover 它更喜欢另一个。</p> </question> <answer tick="false" vote="0"> <p>参考文档中的<a href="https://docs.avaloniaui.net/docs/guides/styles-and-resources/property-setters#style-priority" rel="nofollow noreferrer">样式优先级</a></p> <blockquote> <p>样式在找到的样式集合中的位置 - “最新”优先。</p> </blockquote> <p>样式的顺序是一个问题，所以通用样式应该先出现，然后是更具体的样式</p> <p>这就是您想要做的。</p> <pre><code><StackPanel> <StackPanel.Styles> <Style Selector="Button"> <Setter Property="Background" Value="Green"/> </Style> <Style Selector="Button.icononly"> <Setter Property="Background" Value="Yellow"/> </Style> <Style Selector="Button:pointerover /template/ ContentPresenter"> <Setter Property="Background" Value="Red"/> </Style> <Style Selector="Button.icononly:pointerover /template/ ContentPresenter"> <Setter Property="Background" Value="Blue"/> </Style> </StackPanel.Styles> <Button Classes="icononly" Content="icon only" /> <Button Content="normal button" /> </StackPanel> </code></pre> </answer> </body></html>

xaml styling avalonia

回答 0 投票 0

如何让hr的某个部分透明

我目前正在设计一个基于此引导主题的网站（https://blackrockdigital.github.io/startbootstrap-freelancer/）。我喜欢他对 hr 样式所做的事情（参见下面的代码），但我...

css transparent styling

回答 3 投票 0

如何在ImageBackground组件中定位图像？

我只想使用 React Native 的 ImageBackground 组件将此图像放置到屏幕顶部，使用此背景图像 resizeMode='contain' （不是覆盖），因为图像适合尺寸...

react-native flexbox background-image styling imagebackground

回答 1 投票 0

屏幕一定宽度时的具体CSS文件

我想组织我的代码，以便更容易阅读并将某些设备的样式放在单独的文件中，如下所示：我想组织我的代码，以便更容易阅读并将某些设备的样式放在单独的文件中，如下所示： <link rel="stylesheet" media="screen and (max-width: 599px)" href="assets\css\phone-main.css"> <link rel="stylesheet" media="screen and (min-width: 600px)" href="assets\css\tablet-main.css"> <link rel="stylesheet" media="screen and (min-width: 1000px)" href="assets\css\pc-main.css"> 但是我遇到的问题是它不起作用，我做得对还是需要重写一下？祝你有美好的一天！我想说的是，无论你的文件是否是本地的，你都应该在 HTML 中使用 /（前斜杠）来表示 src 或 href 属性；如果您的文件是本地的，那么浏览器会自动将 / 转换为 \。只需将反斜杠更改为前斜杠即可。

css styling

回答 1 投票 0

将自定义样式应用于 FluentUI Accordion 组件 (Blazor .NET 8)

我正在努力弄清楚如何将自定义样式应用于 FluentUI Accordion 的元素。例如，我想更改手风琴“标题”元素的背景颜色...

css blazor accordion styling fluent-ui

回答 1 投票 0

应用自定义样式后如何从 JS 数据表中删除条带化

要删除数据表上的条带化，请添加：条纹类：[] 但我添加了以下样式来根据单元格的值更改背景单元格颜色： var 表 = $('#driverT...

javascript jquery datatables styling

回答 1 投票 0

如何在 Mermaid 的“类图”中设置“命名空间”的样式？

在 Mermaid 中，我们可以定义一个类（例如 EnumMap）作为类图中的对象。类 EnumMap { } 我们可以使用 style 命令来设置该对象的样式。样式 EnumMap 颜色 : SeaGreen 此外...