styles 相关问题

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

如果输入字段为空,仅使用 CSS 如何应用样式?

我目前正在开发一个接受文本输入的表单。但是,在输入有效的电子邮件地址之前,我实现的功能对于电子邮件输入无法正常工作。此外,...

回答 1 投票 0

在 WPF XAML 中禁用样式?

有没有办法以编程方式关闭样式? 例如,我有一个链接到所有文本框的样式 我想添加一些代码到 ac...</desc> <question vote="33"> <p>有没有办法以编程方式关闭样式?</p> <p>举个例子,我有一个链接到所有文本框的样式</p> <pre><code>&lt;Style TargetType=&#34;{x:Type TextBox}&#34;&gt; </code></pre> <p>我想添加一些代码来实际停止使用样式元素,因此基本上恢复到默认的控件样式。</p> <p>我需要一种方法来切换我的样式,这样我就可以通过 C# 代码在 Windows 默认样式和我的自定义样式之间切换。</p> <p>有办法做到这一点吗?</p> <p>谢谢</p> <p><strong>工作解决方案</strong></p> <p><a href="http://sa.ndeep.me/post/switching-between-themes-in-wpf" rel="noreferrer">在 WPF 中切换主题</a></p> </question> <answer tick="true" vote="79"> <p>要将样式设置为默认,</p> <p>在 XAML 使用中,</p> <pre><code>&lt;TextBox Style=&#34;{x:Null}&#34; /&gt; </code></pre> <p>在C#中使用,</p> <pre><code>myTextBox.Style = null; </code></pre> <hr/> <p>如果多个资源的样式需要设置为null,请参阅<strong>CodeNaked的</strong>响应。</p> <hr/> <p>在代码背后,我认为这就是您想要实现的目标:</p> <pre><code>Style myStyle = (Style)Application.Current.Resources[&#34;myStyleName&#34;]; public void SetDefaultStyle() { if(Application.Current.Resources.Contains(typeof(TextBox))) Application.Current.Resources.Remove(typeof(TextBox)); Application.Current.Resources.Add(typeof(TextBox), new Style() { TargetType = typeof(TextBox) }); } public void SetCustomStyle() { if (Application.Current.Resources.Contains(typeof(TextBox))) Application.Current.Resources.Remove(typeof(TextBox)); Application.Current.Resources.Add(typeof(TextBox), myStyle); } </code></pre> </answer> <answer tick="false" vote="23"> <p>您可以注入一个空白样式,该样式优先于其他样式。像这样:</p> <pre><code>&lt;Window&gt; &lt;Window.Resources&gt; &lt;Style TargetType=&#34;TextBox&#34;&gt; &lt;Setter Property=&#34;Background&#34; Value=&#34;Red&#34; /&gt; &lt;/Style&gt; &lt;/Window.Resources&gt; &lt;Grid&gt; &lt;Grid.Resources&gt; &lt;Style TargetType=&#34;TextBox&#34; /&gt; &lt;/Grid.Resources&gt; &lt;/Grid&gt; &lt;/Window&gt; </code></pre> <p>在上面的示例中,只有网格的隐式样式会应用于网格中的文本框。您甚至可以通过编程方式将其添加到网格中,例如:</p> <pre><code>this.grid.Resources.Add(typeof(TextBox), new Style() { TargetType = typeof(TextBox) }); </code></pre> </answer> <answer tick="false" vote="3"> <p>我知道答案已被接受,但我想添加我的解决方案,该解决方案在以下情况下效果很好:</p> <ul> <li>使用 mahapps.metro 的一个主要应用程序</li> <li>从主应用程序导入的附加项目没有引用 mahapps.metro,它作为插件导入(动态加载编译的 .dll)</li> <li>使用 < ToolBar> 将所有内容重新设置为 null,因此 mahapps.metro 样式不会应用于工具栏中的项目。</li> <li>usercontrol 用于为主应用程序提供自定义控件。</li> </ul> <p>在用户控制根目录中设置资源:</p> <pre><code>&lt;UserControl.Resources&gt; &lt;Style x:Key=&#34;ButtonStyle&#34; TargetType=&#34;Button&#34; BasedOn=&#34;{StaticResource {x:Type Button}}&#34; /&gt; &lt;Style x:Key=&#34;ComboBoxStyle&#34; TargetType=&#34;ComboBox&#34; BasedOn=&#34;{StaticResource {x:Type ComboBox}}&#34; /&gt; &lt;/UserControl.Resources&gt; </code></pre> <p>那么工具栏代码可以如下</p> <pre><code> &lt;ToolBar&gt; Block Template: &lt;ComboBox Style=&#34;{StaticResource ComboBoxStyle}&#34;/&gt; &lt;Button Content=&#34;Generate!&#34; Style=&#34;{StaticResource ButtonStyle}&#34;/&gt; &lt;/ToolBar&gt; </code></pre> <p>这成功地将主应用程序样式应用到 < ToolBar></p> 内的控件 </answer> <answer tick="false" vote="1"> <p>在 Xaml 中,您可以通过显式设置样式来覆盖它。在代码隐藏中,您还可以显式设置样式。</p> <pre><code>&lt;TextBox Style=&#34;{StaticResource SomeOtherStyle}&#34;/&gt; myTextBox.Style = Application.Resources[&#34;SomeOtherStyle&#34;]; </code></pre> </answer> </body></html>

回答 0 投票 0

从聚焦的 TabItem 中删除边框底部

单击选项卡后,我想删除底部的边框。 目前我有这个: 现在我想删除标记的边框部分。 我搜索了很多,发现了这个: 选项卡项目和选项卡控件

回答 1 投票 0

如何设置NPOI excel图表标题样式(Overlay = false)?

XSSF图表图表; 图表.SetTitle(); 我知道如何设置标题,但找不到设置标题不覆盖图表的方法

回答 2 投票 0

WPF 中的自定义按钮模板

我想创建一个简单的按钮模板,其中包含图像和文本。但我想保留系统按钮的外观和感觉。 我如何一步步创建它? P.S.:我已经尝试过...

回答 6 投票 0

当高度固定时,如何调整mudblazor中数据网格的大小并删除不必要的空间

我正在使用 muddatagrid,并且我已经设置了数据网格的高度,该高度根据屏幕尺寸动态变化,当每页行数超过高度时,它会显示滚动条。但问题来了...

回答 1 投票 0

更改 primefaces 日历上的样式和图标

我正在尝试更改 primefaces 日历上的默认样式并尝试了很多解决方案,但仍然不知道如何更改它。例如我想更改按钮图标。 这是我的日历......

回答 1 投票 0

将 TailwindCSS 转换为 CSS

我有一个问题要问,我不知道有可能...... 哪些在线工具可以可靠地将 Tailwind CSS 转换为常规 CSS?我正在寻找高效的网站或转换器来简化我的工作流程。你能建议一下吗...

回答 1 投票 0

如何更改拖动时的光标

我在拖动对象期间更改光标时遇到问题。我试图弄清楚如何在拖动时正确更改光标。 我有一个 React 组件。 我尝试实施

回答 1 投票 0

如何在React Native中获取横向模式下的屏幕宽度

我想让React Native中的一些组件在纵向模式和横向模式下都具有屏幕宽度。目前我得到的肖像风格如下: 宽度:Dimensions.get('赢...

回答 5 投票 0

10秒后隐藏生成的CSS内容

我在内容之前添加了跨度,以使用 Font Awesome 创建问号图标,我需要在 10 秒后隐藏所有生成的 CSS 内容(之前),仅使用 CSS 代码,而不使用

回答 1 投票 0

禁用与行跨度分开的边框折叠

我有一个问题,这是我试图在 html 中实现的表格: 需要的结果 现在我有这个结果: 实际结果 用这个代码: 桌子 { 宽度:100%; ...</desc> <question vote="1"> <p>我有一个问题,这是我试图在 html 中实现的表格:</p> <p><a href="https://i.stack.imgur.com/SoDqG.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL1NvRHFHLnBuZw==" alt="needed result"/></a></p> <p>现在我有这个结果:</p> <p><a href="https://i.stack.imgur.com/6RqYH.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tLzZScVlILnBuZw==" alt="actual result"/></a></p> <p>使用此代码:</p> <pre><code>&lt;style&gt; table { width: 100%; border-collapse: separate; border-spacing: 0 10px; } th, td { border: 1px solid black; padding: 8px; text-align: left; } &lt;/style&gt; &lt;table&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;column1&lt;/th&gt; &lt;th&gt;column2&lt;/th&gt; &lt;th&gt;column3&lt;/th&gt; &lt;th&gt;column4&lt;/th&gt; &lt;th&gt;column5&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td rowspan=&#34;2&#34;&gt;Monday&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td rowspan=&#34;2&#34;&gt;Tuesday&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </code></pre> <p>我需要找到一种方法来删除具有行跨度的行内两行之间的空格。 有人可以帮助我吗?</p> </question> <answer tick="false" vote="0"> <p><pre><code>border-spacing</code></pre>有点搞乱了,我能想到的最简单的解决方案是设置:</p> <ol> <li><pre><code>border-spacing: 0;</code></pre></li> <li>在一周中的每一天之前添加空行<pre><code>&lt;tr class=&#34;break&#34;&gt;&lt;/tr&gt;</code></pre>,这将充当所需的空格/中断</li> <li>添加休息样式<pre><code>.break {height: 10px;}</code></pre></li> </ol> <p>完整代码:</p> <pre><code>&lt;style&gt; table { width: 100%; border-collapse: separate; border-spacing: 0; } th, td { border: 1px solid black; padding: 8px; text-align: left; } .break { height: 10px; } &lt;/style&gt; &lt;table&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;column1&lt;/th&gt; &lt;th&gt;column2&lt;/th&gt; &lt;th&gt;column3&lt;/th&gt; &lt;th&gt;column4&lt;/th&gt; &lt;th&gt;column5&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr class=&#34;break&#34;&gt;&lt;/tr&gt; &lt;tr&gt; &lt;td rowspan=&#34;2&#34;&gt;Monday&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr class=&#34;break&#34;&gt;&lt;/tr&gt; &lt;tr&gt; &lt;td rowspan=&#34;2&#34;&gt;Tuesday&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </code></pre> </answer> </body></html>

回答 0 投票 0

如何更改v-stepper的步骤图标大小?

我正在尝试更改步骤图标大小(在 v 步进器内)。 我正在尝试更改 尺寸(在 V 型步进器内)。 <v-stepper v-model="currentStep"> <v-stepper-header> <v-stepper-item :color="orangeColor" title="Step 1" value="1" id="firstStep"></v-stepper-item> <v-divider></v-divider> <v-stepper-item :color="orangeColor" title="Step 2" value="2" id="secondStep"></v-stepper-item> <v-divider></v-divider> <v-stepper-item :color="orangeColor" title="Step 3" value="3" id="thirdStep"></v-stepper-item> </v-stepper-header> </v-stepper> 使用Vuetify 3.5.3版本,我没有发现任何一种方法有效。我尝试使用 CSS,在网上找到了多种方法,但适用于旧版本的 Vuetify。 有人有解决办法吗?预先感谢! width、height 和 font-size 元素的 .v-stepper-item__avatar 似乎会影响相关图标。 对于范围样式,请使用 :deep() 选择器: <style scoped> .v-stepper :deep(.v-stepper-item__avatar) { width: 40px !important; height: 40px !important; font-size: 1rem !important; } </style> 演示

回答 1 投票 0

我想在右侧制作一个div

我尝试将 float: right 和 margin-right: 0 添加到 .links 但它不起作用。 这是我的CSS: .导航栏{ 内边距:5px; 背景:白色; 显示:柔性; justify-content:空间之间; } .l...

回答 1 投票 0

如何在 Xcode 中以编程方式更改 UITableViewController 的样式

我正在尝试将 UITableViewController 的样式更改为分组。我知道你可以在创建新的表视图时执行此操作,但我有一个扩展 UITableViewController 的类,所以我不需要...

回答 7 投票 0

如何将模板与样式绑定?

我有一个 C# WPF 应用程序,我需要在其中创建一堆具有不同颜色的图像/文本按钮。为此,我创建了一个从 Button 类派生的 ImageButton。 我希望我的按钮是圆形的

回答 2 投票 0

如何使用 Bootstrap css 设置导航列表菜单的样式

我正在使用带有两级列表(下拉菜单)的引导菜单。我正在使用的代码示例是: ... 我正在使用带有两级列表的引导菜单(下拉菜单)。我使用的代码示例是: <ul class="nav navbar-nav"> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Item0<span> class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#Item1">Item1</a></li> <li><a href="#Item2">Item2</a></li> <li><a href="#Item3">Item3</a></li> <li><a href="#Item4">Item4</a></li> <li><a href="#Item5">Item5</a></li> </ul> </li> <li> <ul class="nav navbar-nav"> <li><a href="#Item1">Item13</a></li> <ul class="dropdown-menu"> <li><a href="#Item1">Item131</a></li> <li><a href="#Item2">Item132</a></li> <li><a href="#Item3">Item133</a></li> <li><a href="#Item4">Item134</a></li> <li><a href="#Item5">Item135</a></li> </ul> <li><a href="#Item2">Item23</a></li> <li><a href="#Item3">Item33</a></li> </ul> </li> 我想对颜色进行一些修改。但是,当我在以下课程中进行更改时: .navbar-default .nav li a{ ... } 它改变所有列表元素的颜色。 是否可以使用不同的颜色来设置嵌套列表的样式,而升级列表有不同的颜色? 例如“Item0,Item13 Item23 Item33”为红色,“Item1 .. Item5”为蓝色等等...... 如何使用 Bootstrap 让它工作,还是我应该创建一个自定义 css? 您可以通过添加类来设置特定元素组的样式: <li class="yourclass"><a href="#Item1">Item1</a></li> 然后使用 CSS 为所有具有相同类的元素设置样式: .yourclass { color: red } 我希望这有帮助 当然:为您想要不同颜色和背景样式的元素添加一个类。示例 <ul class="dropdown-menu"> <li><a href="#Item1" class='red'>Item131</a></li> <li><a href="#Item2" class='red'>Item132</a></li> <li><a href="#Item3" class='blue'>Item133</a></li> <li><a href="#Item4">Item134</a></li> <li><a href="#Item5">Item135</a></li> </ul> 还有CSS .red { ... } .blue { ... } 我希望这有帮助 您可以为特定列表项提供额外的类,以覆盖 booststrap 中的默认设计。 例如: <ul class="dropdown-menu"> <li><a href="#Item1" class="custom">Item1</a></li> <li><a href="#Item2">Item2</a></li> <li><a href="#Item3" class="custom">Item3</a></li> <li><a href="#Item4">Item4</a></li> <li><a href="#Item5" class="custom">Item5</a></li> </ul> 然后在新的 css 文件中覆盖默认的自定义设计。 .custom{ ..... } 我一直在尝试按照你的建议,但添加类和样式不起作用。 例如 .red { color:red; } 但是 .red { color:red !important; } 开始工作 - 你能解释一下为什么吗???

回答 4 投票 0

有没有不用安装的style css框架?

我有一个带有 html + js 文件的项目 我想要设置自动完成、旋转器等元素的样式。 我不想安装任何库/框架 我只能通过 html 选项卡的链接来使用哪个框架? 我...

回答 1 投票 0

如何使用 Bootstrap 设置导航列表的样式

我正在使用带有两级列表(下拉列表)的引导菜单。代码示例: ... 我正在使用带有两级列表(下拉列表)的引导菜单。代码示例: <ul class="nav navbar-nav"> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Item0<span> class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#Item1">Item1</a></li> <li><a href="#Item2">Item2</a></li> <li><a href="#Item3">Item3</a></li> <li><a href="#Item4">Item4</a></li> <li><a href="#Item5">Item5</a></li> </ul> </li> <li> <ul class="nav navbar-nav"> <li><a href="#Item1">Item13</a></li> <ul class="dropdown-menu"> <li><a href="#Item1">Item131</a></li> <li><a href="#Item2">Item132</a></li> <li><a href="#Item3">Item133</a></li> <li><a href="#Item4">Item134</a></li> <li><a href="#Item5">Item135</a></li> </ul> <li><a href="#Item2">Item23</a></li> <li><a href="#Item3">Item33</a></li> </ul> </li> 我想对颜色进行一些修改。然而,当我做出改变时: .navbar-default .nav li a{ ... } 它改变所有列表元素的颜色。 是否可以使用不同的颜色来设置嵌套列表的样式,而升级列表有不同的颜色? 例如“Item0,Item13 Item23 Item33”为红色,“Item1 .. Item5”为蓝色等等...... 您可以通过添加类来设置特定元素组的样式: <li class="yourclass"><a href="#Item1">Item1</a></li> 然后使用 CSS 为所有具有相同类的元素设置样式: .yourclass { color: red } 我希望这有帮助 当然:为您想要不同颜色和背景样式的元素添加一个类。示例 <ul class="dropdown-menu"> <li><a href="#Item1" class='red'>Item131</a></li> <li><a href="#Item2" class='red'>Item132</a></li> <li><a href="#Item3" class='blue'>Item133</a></li> <li><a href="#Item4">Item134</a></li> <li><a href="#Item5">Item135</a></li> </ul> 还有CSS .red { ... } .blue { ... } 我希望这有帮助 您可以为特定列表项提供额外的类,以覆盖 booststrap 中的默认设计。 例如: <ul class="dropdown-menu"> <li><a href="#Item1" class="custom">Item1</a></li> <li><a href="#Item2">Item2</a></li> <li><a href="#Item3" class="custom">Item3</a></li> <li><a href="#Item4">Item4</a></li> <li><a href="#Item5" class="custom">Item5</a></li> </ul> 然后在新的 css 文件中覆盖默认的自定义设计。 .custom{ ..... } 我一直在尝试按照你的建议,但添加类和样式不起作用。 例如 .red { color:red; } 但是 .red { color:red !important; } 开始工作 - 你能解释一下为什么吗???

回答 4 投票 0

轴 X 日期来自列表而不是 1-6

我想使用此来源的 ceberpunk 风格图表 https://matplotlib.org/matplotblog/posts/matplotlib-cyberpunk-style/ 我希望在 X 轴上显示列表中的日期,而不是 1-6...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.