styles 相关问题

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

从聚焦的 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

如何更改vscode中的solidity代码风格?

我要改变vscode中的solidity代码风格。 我已经安装了 Solidity 插件。 当我单击 SHIFT + ALT + F 时,它没有任何操作。 当我shift + alt + f时,它应该有cor...

回答 1 投票 0

Reactjs + Webpack + CSS:如何仅对特定文件夹内的所有 css 文件应用模块明智的类映射

Reactjs + Webpack + CSS:如何仅对特定文件夹内的所有 css 文件应用模块明智的类映射 我添加了下面的代码但不起作用 { 测试:/.css$/i, 使用: [ &

回答 1 投票 0

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