styles 相关问题

不要使用此标签。此标记目前没有单一的，明确定义的含义。它通常用于代替[css]或与[css]结合使用。它还用于有关用户界面外观和源代码格式问题的问题。

如何风格化输入[ type = color ]

有没有办法对输入[type=color]字段进行样式化？我想改变它的背景和大小。我说的是“RGB”周围的空白。

html css styles

回答 2 投票 0

长时间处理 React 项目时，Tailwind 样式无法很好地加载

我正在开发一个 React 应用程序，使用 Tailwind 进行样式设置。当我开发一段时间后，就会出现这个问题。例如，我添加一个带有悬停：bg-red-900的容器，它首先起作用......

css reactjs tailwind-css styles

回答 1 投票 0

Python ttk.Style：如何找到所有可能的配置选项？

我在Linux上使用python2.7。我开始尝试 ttk 风格。我想知道在哪里可以找到小部件的完整布局。例如树视图。当我跑步时：导入ttk 从 pprint 导入

python layout styles element ttk

回答 1 投票 0

尝试自定义 WPF ScrollBar 的 Thumb 颜色有什么问题？

这是我在 WPF 中的 ScrollViewer 组件的基本样式： <Style.Triggers> <</desc> <question vote="0"> <p>这是我在 <pre><code>ScrollViewer</code></pre> 中的 <pre><code>WPF</code></pre> 组件的基本样式：</p> <pre><code><Style TargetType="{x:Type ScrollBar}" x:Key="{x:Type ScrollBar}"> <Style.Triggers> <Trigger Property="Orientation" Value="Horizontal"> <Setter Property="Height" Value="6" /> <Setter Property="MinHeight" Value="6" /> <Setter Property="Background" Value="#ddeffb" /> </Trigger> <Trigger Property="Orientation" Value="Vertical"> <Setter Property="Width" Value="10" /> <Setter Property="MinWidth" Value="10" /> <Setter Property="Background" Value="#ddeffb" /> </Trigger> </Style.Triggers> </Style> </code></pre> <p>它改变了滚动条的背景，这是可以的。</p> <p>现在，我还想更改 <pre><code>Thumb</code></pre> 的颜色。尝试在<pre><code></Style.Triggers></code></pre>之后添加此内容，但没有任何反应：</p> <pre><code> <Style.Resources> <Style TargetType="{x:Type Thumb}"> <Setter Property="Background" Value="#4a90e2" /> <Setter Property="BorderBrush" Value="#3a78c2" /> <Setter Property="BorderThickness" Value="1" /> </Style> </Style.Resources> </code></pre> <p><a href="https://i.sstatic.net/JpSVZao2.png" rel="nofollow noreferrer"><img src="https://cdn.txt58.com/i/AWkuc3N0YXRpYy5uZXQvSnBTVlphbzIucG5n" alt="enter image description here"/></a></p> <p>还有其他我需要处理的房产吗？</p> </question> <answer tick="false" vote="0"> <p>我不确定你的整个 XML 是什么样子，但这里是工作示例：</p> <pre><code><Grid> <Thumb> <Thumb.Style> <Style TargetType="{x:Type Thumb}"> <Setter Property="Background" Value="#4a90e2" /> <Setter Property="BorderBrush" Value="#3a78c2" /> <Setter Property="BorderThickness" Value="1" /> </Style> </Thumb.Style> </Thumb> </Grid> </code></pre> <p>或者有资源：</p> <pre><code><Grid> <Grid.Resources> <Style TargetType="{x:Type Thumb}"> <Setter Property="Background" Value="#4a90e2" /> <Setter Property="BorderBrush" Value="#3a78c2" /> <Setter Property="BorderThickness" Value="1" /> </Style> </Grid.Resources> <Thumb /> </Grid> </code></pre> </answer> </body></html>

c# wpf styles

回答 0 投票 0

Chrome 中标题上方的表格列

我有一个带有粘性标题的 html 表格。我需要修复它，因为在 Chrome 中，可以在标题上方看到列值的顶部：表头顶部我有一个带有粘性标题的 html 表格。我需要修复它，因为在 Chrome 中，可以在标题上方看到列值的顶部：表格标题顶部 <div style="max-height: 700px; overflow-y: auto;"> <table class="table table-sm table-striped table-hover"> <caption hidden></caption> <thead style="position: sticky; top: 0; background-color: white; z-index: 100;"> <tr class="table-header"> <th style="width: 5%"></th> <th style="width: 10%;text-align: center; vertical-align: middle"> STUFF 1 </th> <th style="width: 10%;text-align: center; vertical-align: middle"> STUFF 2 </th> </tr> </thead> <tbody> <tr *ngFor="let item of items"> <td> <input type="checkbox"> </td> <td style="text-align: center; vertical-align: middle">text</td> <td style="text-align: center; vertical-align: middle">text</td> </tr> </tbody> </table> </div> 我尝试使用网格修改 z-index、标题的高度和填充。如果 CSS 不足以处理所有浏览器中的此问题，则可能需要 JavaScript 解决方案。您可以使用一个小脚本来手动控制标题的位置 window.addEventListener('scroll', function() { const tableHeader = document.querySelector('thead'); const tableHeaderOffset = tableHeader.getBoundingClientRect().top; if (tableHeaderOffset <= 0) { tableHeader.style.position = 'fixed'; tableHeader.style.top = '0'; tableHeader.style.zIndex = '100'; } else { tableHeader.style.position = 'sticky'; tableHeader.style.top = '0'; } });

html css header styles

回答 1 投票 0

在 Vue js 3 中动态更改填充

您好，我想根据我选择的区域设置更改填充，因为 div 宽度正在变化。您好，我想根据我选择的区域设置更改填充，因为 div 宽度正在变化。 <div class="input-group modal-check-show show-modal" :style="paddingLeft" > . . . </div> const EnPaddingLeft = ref('padding-left: 27%;') const DePaddingLeft = ref('padding-left: 28%;') const SrPaddingLeft = ref('padding-right: 33% !important;') const setPaddingLeft = computed(() => { let padding if (Tr.currentLocale === 'en') { padding = EnPaddingLeft } else if (Tr.currentLocale === 'de') { padding = DePaddingLeft } else if (Tr.currentLocale === 'sr') { padding = SrPaddingLeft } else { padding = EnPaddingLeft } return padding }) const paddingLeft = setPaddingLeft 当我将 computed 更改为 method 时，它会显示在 div 标记处，但当我更改区域设置时，它不会更改填充。所提供代码中的主要问题是计算属性 setPaddingLeft 应该用作 Vue 3 中的响应式引用。而不是直接将 setPaddingLeft 分配给 paddingLeft。在您的代码中，只需删除 setPaddingLeft 并直接返回反应引用 paddingLeft 应该没问题。 const paddingLeft = computed(() => { let padding if (Tr.currentLocale === 'en') { padding = EnPaddingLeft } else if (Tr.currentLocale === 'de') { padding = DePaddingLeft } else if (Tr.currentLocale === 'sr') { padding = SrPaddingLeft } else { padding = EnPaddingLeft } return padding }) // Below assignment is not needed, and will cause issue since paddingLeft is not reactive. // const paddingLeft = setPaddingLeft

javascript vuejs3 styles padding

回答 1 投票 0

将WPF控件的ControlTemplate更改为不被禁用

我有一个 Devexpress DateEdit 并添加了一个触发器，当 IsEnabled=False 时将 ControlTemplate 更改为标签。这一切都很好，但我的问题是，标签的文本仍然是 Gr...

wpf xaml styles label controltemplate

回答 1 投票 0

WPF - 与 CustomControl 的通用 xaml 相同的属性设置，并且在使用时不覆盖

在此输入图像描述在此输入图像描述我有一个自定义控件，样式为 <Setter Property="Temp...</desc> <question vote="0"> <p><a href="https://i.sstatic.net/2b49LLM6.jpg" rel="nofollow noreferrer">在此输入图像描述</a><a href="https://i.sstatic.net/f5qyQBz6.jpg" rel="nofollow noreferrer">在此输入图像描述</a></p> <p>我有一个自定义控件，样式为 <Style TargetType="{x:Type local:IconCustom}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type local:IconCustom}"> <Border x:Name="border" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"> <Border.Style> <Style TargetType="Border"> <Style.Triggers> <Trigger Property="IsMouseOver" Value="True"> <Setter Property="Background" Value="Red"/> </Trigger> </Style.Triggers> 自定义控件位于 CustomTest 中，样式为 <Style.Triggers> <Trigger Property="IsMouseOver" Value="True"> <Setter Property="Background" Value="Yellow"/> </Trigger> </Style.Triggers> 这里黄色是没有覆盖 MouseOver 的红色，为什么会发生这种情况，如何修复？尝试设置MouseOver的默认样式和CustomTest的样式，它也不起作用，我想如果在CustomTest中没有给出样式，则默认样式（红色）将采用，否则如果在CustomTest中应用样式，则将采用黄色，你有两个问题：您在模板的边框上设置红色背景。您无法在 IconButtonStyle 中访问此边框。 IconButtonStyle 覆盖整个样式，也覆盖模板。您将看不到您的文字。可能的解决方案：边框不要设置背景，直接为IconCustom设置触发。将 BasedOn="{StaticResource{x:Type local:IconCustom}}" 添加到 IconButtonStyle，这样您只需覆盖触发器但保留模板。现在默认为红色，使用 IconButtonStyle 时默认为黄色。

c# wpf xaml styles

回答 1 投票 0

将应用程序更新到 Angular 11 后样式损坏了

我正在尝试更新 Angular 4 项目以达到 Angular 17，当我更新到 Angular 11 时，我注意到某些样式已损坏，但似乎没有任何问题。我认为重要的事情：我以前...

css node.js angular angular-material styles

回答 1 投票 0

导出带有标题背景或边框的高图表不起作用

我想导出带有样式标题的高图表。我无法在导出的文件中获取标题上的任何背景颜色或边框属性。这是一个标题为 ...

highcharts styles

回答 1 投票 0

我无法将按钮样式应用于整个应用程序

我使用 Material Design 3 API 创建了一个只有边框的按钮样式。如果我将这种样式直接应用到按钮，效果就是所需的效果，但如果我进行测试......