styles 相关问题

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

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

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 时默认为黄色。

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

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

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

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

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

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

我可以在代码隐藏中获取样式的密钥吗？ （WPF）

如果我有以下代码： 样式 defaultStyle = (Style)FindResource("MyTestStyle"); 有没有办法获取样式的名称（即反向查找）？就像是： 字符串名称 = 默认样式。

使用customInput示例反应货币输入字段

我正在尝试在ReactCurrencyInput字段中渲染customInput，到目前为止我所拥有的是： 从 '@mui/material' 导入 { TextField, TextFieldProps }; 从“反应”导入反应； 从 '

WPF MaterialDesignInXamlToolkit Snackbar 每条消息都有不同的样式

如何更改不同消息的样式（例如背景/前景色）？ 我想用不同的样式显示成功、信息和错误消息。 我尝试使用带有转换器的绑定，例如...

python 复制 excel 并在文档中保留完全相同的参数（样式、单元格大小和融合、边框...）

我正在寻找一种在其他文件中复制和Excel的方法。我有一个“file_1.xlsx”，但我想要一个不存在的“file_1_copy.xlsx”。副本必须与原件完全相同

WPF TextBox 样式触发和密码字体

请耐心等待我提出挑战。我的目标是，我想使用具有水印支持和密码字符支持的文本框。这就是目标。到目前为止，到达那里有点喜剧，...

如何根据类名灰色元素？

我正在尝试使用 css 平滑使边框元素平滑地变灰，但它什么也不做，并且元素的厚度为 1 像素 代码： 函数 greyBorder() { 榆树 ...

将自定义样式应用到角度中的ngbtooltip

我想将自定义样式应用于我的工具提示，如图所示。 请帮我.. 谢谢

角度 Web 组件的样式问题

我正在研究 Angular，并创建了一个组件，该组件既需要被 Angular 应用程序用作 Angular 组件，又需要用作另一个应用程序使用的自定义 Web 组件

WPF DataGrid 行标题

我有一个来自我们项目 UI 设计师的设计。 该设计适用于我们应用程序中的数据网格。 在设计中，他定义了数据网格应始终具有 32 像素的左边距，但是，水平线......

React AgGrid 自定义单元格编辑器的默认样式是什么？

这里 https://www.ag-grid.com/react-data-grid/cell-editors/ 是最简单的自定义单元格编辑器的示例： 导出默认值 ({ value, onValueChange }) => { 返回 （ 这里https://www.ag-grid.com/react-data-grid/cell-editors/是最简单的自定义单元格编辑器的示例： export default ({ value, onValueChange }) => { return ( <input type="text" value={value || ''} onChange={({ target: { value }}) => onValueChange(value === '' ? null : value)} /> ); } 它可以工作，但是这个编辑器的样式有点奇怪。有一个额外的边框（也可能与默认编辑器不同），它小于单元格空间，并且字体也可能较小。并且在呈现此自定义编辑器时不会选择任何文本。 我的问题是 - 如何将默认单元格编辑器的样式应用于此组件？或者也许我可以继承默认的单元格编辑器，或者我可以将默认的单元格编辑器放在这里（也许它被命名为 agGridDefaultEditor 或其他）并在上面做我的装饰？ 我的目的是用自定义弹出窗口（搜索字段所在的位置）装饰输入字段，我已经做到了，但问题是，在双击输入此单元格时，单元格本身的呈现方式与其他单元格不同。 https://www.ag-grid.com/react-data-grid/provided-cell-editors-text/提到，默认的文本编辑器称为agTextCellEditor。也许我可以将这个常量解析为 JavaScript 组件并将其代替 <input>。 https://blog.ag-grid.com/learn-to-customize-react-grid-in-less-than-10-minutes/是另一个关于自定义渲染器（通过span实现）和编辑器（通过span实现）的教程通过输入），它没有提及或建议任何样式，并且仍然 - 他们的自定义字段的图片是完美的 - 与默认编辑器一致的样式。 我不知道为什么 AgGrid 示例（https://github.com/ag-grid/react-data-grid/blob/main/customization-demo-classes/src/NumericEditor.js）可能有效，但是我的经验表明，添加一连串的类名解决了问题，并且编辑器开始出现在默认样式中： import React, { useState, useRef, useEffect, useImperativeHandle, forwardRef, memo } from 'react'; const MinimalAgGridCellEditor3 = ({ value, onValueChange }) => { return ( <input type="text" value={value || ''} //onChange={({ target: { value }}) => onValueChange(value === '' ? null : value)} onClick={({ target: { value }}) => onValueChange('05')} className="ag-cell-editor ag-labeled ag-label-align-left ag-text-field ag-input-field ag-input-field-input ag-text-field-input" /> ); }; export default MinimalAgGridCellEditor3; 班级名称是： className="ag-cell-editor ag-labeled ag-label-align-left ag-text-field ag-input-field ag-input-field-input ag-text-field-input"

<li>样式用flexslider覆盖css

我正在我的响应网站中使用 whoothemes 的 flexslider 来显示图块。 这些图块在不同的设备上必须具有特定的宽度，此时它向我显示以下代码：...

有没有全面的 ttk 样式文档

我正在使用 ttk 小部件并希望使用样式选项。虽然我可以找到有关各种动态状态和各种选项的文档，但总是很难找出哪个选项的作用......

是否可以使用Javascript检查样式标签内是否定义了某些CSS属性？

我正在编写一个脚本，需要检查 标记内是否定义了某些 CSS 属性。 <style type="text/css"> #bar {宽度：200px;} 我正在编写一个脚本，需要检查 <style> 标签内是否定义了某些 CSS 属性。 <style type="text/css"> #bar {width: 200px;} </style> <div id="foo" style="width: 200px;">foo</div> <div id="bar">bar</div> // 200px console.log(document.getElementById("foo").style.width); // an empty string console.log(document.getElementById("bar").style.width); if(property_width_defined_in_style_tag) { // ... } 这可能吗？ 我并不是想得到 getComputedStyle(ele).width 顺便说一句。 我不确定这就是你想要的，它最接近你有一个元素实例的第一个伪代码，无论如何希望它有帮助： var proto = Element.prototype; var slice = Function.call.bind(Array.prototype.slice); var matches = Function.call.bind(proto.matchesSelector || proto.mozMatchesSelector || proto.webkitMatchesSelector || proto.msMatchesSelector || proto.oMatchesSelector); // Returns true if a DOM Element matches a cssRule var elementMatchCSSRule = function(element, cssRule) { return matches(element, cssRule.selectorText); }; // Returns true if a property is defined in a cssRule var propertyInCSSRule = function(prop, cssRule) { return prop in cssRule.style && cssRule.style[prop] !== ""; }; // Here we get the cssRules across all the stylesheets in one array var cssRules = slice(document.styleSheets).reduce(function(rules, styleSheet) { return rules.concat(slice(styleSheet.cssRules)); }, []); // get a reference to an element, then... var bar = document.getElementById("bar"); // get only the css rules that matches that element var elementRules = cssRules.filter(elementMatchCSSRule.bind(null, bar)); // check if the property "width" is in one of those rules hasWidth = elementRules.some(propertyInCSSRule.bind(null, "width")); 我认为您可以根据您的目的重用所有这些代码，或者只是其中的一部分，它是有意模块化的 - 例如，一旦您将所有 cssRules 展平或 elementRules ，您仍然可以使用for循环并检查您需要什么。 它使用 ES5 函数和 matchesSelector，因此在旧浏览器中如果没有垫片就无法工作。另外，您还可以按优先级等进行过滤 - 例如，您可以删除所有优先级低于内联样式属性的属性等。 您可以在 javascript 中完全探索 styleSheets。 从 document.styleSheets 数组开始。这些值是文档使用的不同样式元素或 CSS 文件。 我将@Zero 的答案更新为稍微更现代的代码。然而，我发现在 Chrome 中的 M1 Mac 上运行平均复杂的页面大约需要 20 毫秒。 const slice = Function.call.bind(Array.prototype.slice) const matches = Function.call.bind(Element.prototype.matches) // Returns true if a DOM Element matches a cssRule const elementMatchCSSRule = (element, cssRule) => matches(element, cssRule.selectorText) // Returns true if a property is defined in a cssRule const propertyInCSSRule = (prop, cssRule) => prop in cssRule.style && cssRule.style[prop] !== '' // Here we get the cssRules across all the stylesheets in one array const cssRules = slice(document.styleSheets).reduce( (rules, styleSheet) => [...rules, ...slice(styleSheet.cssRules)], [], ) function hasSize(element) { // get only the css rules that matches that element const elementRules = cssRules.filter(elementMatchCSSRule.bind(null, element)) // check if the property "width" is in one of those rules const hasWidth = elementRules.some(propertyInCSSRule.bind(null, 'width')) const hasHeight = elementRules.some(propertyInCSSRule.bind(null, 'height')) return { hasWidth, hasHeight } } export default hasSize

如何以一种风格创建长文本和图片的推送通知

如何创建推送通知 在一种通知样式中使用长文本和图片？ 我正在使用 BigTextStyle 来显示推送通知， 因为我需要显示大文本，但是我怎样才能添加ima...

物化CSS模态如何显示和删除

我有一个新闻搜索按钮，如果我输入无法搜索的文本，应该会自动出现一个模式窗口，指示没有jquery的materializecss没有找到任何内容。 如果大海...