styles 相关问题

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

如何使我的网站的缩放适合移动设备?

我有一个 Django 应用程序,但页面的移动视图存在问题。某些元素无法正确显示。 如果有人能帮助我纠正它们,我将不胜感激。 我有一个default.html ...

回答 1 投票 0

如何在 HTML 中将容器中的所有按钮拆分为两列?

我有一个 HTML 脚本,其中有一个容器和 10 个按钮。我如何将它们分成两列,如我添加的图像所示? 这是我的代码: 我有一个 HTML 脚本,其中有一个容器和 10 个按钮。我如何将它们分成两列,如我添加的图像所示? 这是我的代码: <div class="container"> <button style="height: 100px;">Btn. 1</button> <button style="height: 80px;">Btn. 2</button> <button style="height: 120px;">Btn. 3</button> <button style="height: 90px;">Btn. 4</button> <button style="height: 100px;">Btn. 5</button> <button style="height: 120px;">Btn. 6</button> <button style="height: 85px;">Btn. 7</button> <button style="height: 95px;">Btn. 8</button> <button style="height: 105px;">Btn. 9</button> <button style="height: 110px;">Btn. 10</button> <button style="height: 85px;">Btn. 11</button> </div> : 谢谢。 我已经尝试过使用 Grid 和 Flexbox,但无法解决问题 这称为砌体效应或布局 您可以通过 jQuery 或 CSS 来实现这一点。有几个关于 Manonary 效应的例子和文章。 https://freefrontend.com/css-masonry-layout-examples/ https://w3bits.com/css-masonry/ https://www.jqueryscript.net/blog/best-masonry-layouts.html

回答 1 投票 0

react-datasheet-grid 中的样式单元格

我遇到了一个非常好的包,叫做react-datasheet-grid。 我想根据特定单元格的值对其进行着色。 当我构建表格(数据表)时,我使用列数组作为文档来完成

回答 2 投票 0

为什么 mui/system 风格的 svg 组件会发出 args 警告?

我正在处理从 MUI v4 -> v5 的过渡,并且必须迁移我的样式。按照文档,基本上没问题,但有一个问题:以下组件呈现完美,...

回答 2 投票 0

如何使用 Expo 在 React Native 中创建 Neumorphism 风格?

我正在尝试以新拟态风格制作我的 React Native 应用程序。我正在使用世博会。首先,我尝试做的是在没有任何第三方库的情况下实现这种风格,但由于 Android 支持

回答 1 投票 0

如何使TreeView完全支持从右到左(RTL)并显示外部(UL)作为引导时间线

$.fn.extend({ 树形:函数 (o) { var opensClass = 'fa-减圆'; var closeClass = 'fa-plus-circle'; if (typeof o != '未定义'){ 如果(你...

回答 1 投票 0

有任何转换器可以将 css 样式表放入 html 中的样式标签中吗?

编辑:标题应引用样式属性。我的错。 我创建了一个小项目(html + css)来创建电子邮件签名。然而,我刚刚意识到我只需要 html,不需要 css。有没有...

回答 2 投票 0

更改 ModelView 中的样式(MVVM + WPF)

我有一个使用 MVVM 模式(MVVM Light Toolkit)在 WPF 中开发的应用程序。 到目前为止,我没有遇到任何问题,直到需要在运行时更改与某些控件关联的样式时,...

回答 1 投票 0

WPF 编译错误“IDictionary 必须有 Key 属性”

我已经创建了想要在 WPF 应用程序的多个 xaml 页面中使用的控件样式。为此,我创建了一个 Resources.xaml 并在其中添加了样式。 然后在我的页面中添加此代码 我已经创建了想要在 WPF 应用程序的多个 xaml 页面中使用的控件样式。为此,我创建了一个 Resources.xaml 并在其中添加了样式。 然后在我的页面中添加此代码 <Grid.Resources> <ResourceDictionary> <ResourceDictionary.MergedDictionaries> <ResourceDictionary Source="pack://application:,,,/SampleEventTask;component/Resources.xaml" /> </ResourceDictionary.MergedDictionaries> </ResourceDictionary> </Grid.Resources> 在两页上工作正常,但在第三页上我收到一个编译错误: 添加到 IDictionary 的所有对象 必须有一个 Key 属性或一些 与关联的其他类型的密钥 他们。 如果我为此添加一个键,例如 ResourceDictionary x:Key="x",则会出现编译错误,但在运行应用程序时会错误地查找样式。 我可以通过将原始(未指定键)“ResourceDictionary”xaml 从顶级网格移动到该页面上包含的网格来消除编译错误并运行应用程序。 但我不明白这是怎么回事。关于问题是什么的任何建议,我只是错过了一些东西或做错了一些事情。有更好的方式分享样式吗? 谢谢 该页面中除了合并的 ResourceDictionary 之外是否还定义了任何其他资源? 例如,这是我创建的窗口的片段。 <Window x:Class="SelectionPagePrototype.SelectionPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="clr-namespace:SelectionPagePrototype" Title="SelectionPage" MinHeight="600" MinWidth="800" Loaded="OnLoaded"> <Window.Resources> <ResourceDictionary> <ResourceDictionary.MergedDictionaries> <ResourceDictionary Source="ImageResourceDictionary.xaml" /> </ResourceDictionary.MergedDictionaries> <local:QuickPickCheckedConverter x:Key="quickPickConverter" /> <local:BoolToCaptionConverter x:Key="captionConverter" /> <local:ProductAndImageTypeConverter x:Key="imageConverter" /> </ResourceDictionary> </Window.Resources> <Grid> ... 合并的字典不需要键,但该窗口的其他资源需要。 就我而言,问题是 不是 中的第一项,因此即使所有其他项目都定义了 Key,错误也会在编译时弹出。 通过将资源字典移动为资源中的第一项,项目编译成功。

回答 2 投票 0

如何更改toastr中的图标填充颜色

我的应用程序中显示了 toastr 成功和错误消息。我更改了背景颜色和字体颜色。我想更改消息中显示的图标颜色。我已经搜索过

回答 5 投票 0

按钮没有通过js函数改变css样式?

按下按钮时,文本应从黑色变为红色,但没有任何反应。 按下按钮时,文本应从黑色变为红色,但没有任何反应。 <!DOCTYPE html> <html> <head> </head> <body> <button id="button1"><img src="hamburger.png"></button> <p id="dropdown"> Hello bob</p> <script> function openNav() { document.querySelector('#dropdown').style.color="red"; } document.getElementById("button1").addEventListener("click", openNav); </script> </body> </html> 感谢您的帮助。 看起来你的代码工作正常 <!DOCTYPE html> <html> <head> </head> <body> <button id="button1">image</button> <p id="dropdown">Hello bob</p> <script> function openNav() { document.querySelector('#dropdown').style.color = 'red'; } document.getElementById('button1').addEventListener('click', openNav); </script> </body> </html>

回答 1 投票 0

样式组件中的文本重叠

这是我的CSS const MessageText = styled(TextWithPaddingLeft)` -webkit-box-orient:垂直; -webkit线夹:3; 显示:-webkit-box; 字体粗细:400; 行高:22px; 填充-r...

回答 1 投票 0

TextFormField 验证错误消息的对齐方式

如何更改 TextFormField 验证错误消息的对齐方式? 文本表单字段( 文本对齐:文本对齐.center, 装饰:const InputDecoration( 错误样式:文本样式(

回答 7 投票 0

使用 JavaScript 或 jQuery 定义全局 CSS 类?

有没有办法使用 JavaScript 或 jQuery 设置全局类的 CSS?也就是说,将 .my_class { foo:bar } 附加到页面的 标签?</desc> <question vote="24"> <p>有没有办法使用 JavaScript 或 jQuery 设置全局类的 CSS?即在页面的<pre><code>.my_class { foo:bar }</code></pre>标签后面追加<pre><code>&lt;style/&gt;</code></pre>?</p> </question> <answer tick="true" vote="39"> <p>纯 JavaScript -</p> <pre><code>var style=document.createElement(&#39;style&#39;); style.type=&#39;text/css&#39;; if(style.styleSheet){ style.styleSheet.cssText=&#39;your css styles&#39;; }else{ style.appendChild(document.createTextNode(&#39;your css styles&#39;)); } document.getElementsByTagName(&#39;head&#39;)[0].appendChild(style); </code></pre> </answer> <answer tick="false" vote="26"> <p>是的,你可以在 jQuery 中做到这一点:</p> <pre><code>var styleTag = $(&#39;&lt;style&gt;.my_class { foo: bar; }&lt;/style&gt;&#39;) $(&#39;html &gt; head&#39;).append(styleTag); </code></pre> <p>只需在 <pre><code>&lt;style&gt;</code></pre> 末尾附加 <pre><code>&lt;head&gt;</code></pre> 标签即可工作。</p> </answer> <answer tick="false" vote="0"> <p>这似乎是 2023 年的方式:</p> <pre><code>const sheet = new CSSStyleSheet() sheet.replaceSync(&#39;div {padding: 2px;}&#39;) document.adoptedStyleSheets = [sheet] </code></pre> <p>向现有工作表添加更多样式:</p> <pre><code>let index = sheet.cssRules.length sheet.insertRule(&#39;span {color: red;}&#39;, index) </code></pre> </answer> </body></html>

回答 0 投票 0

如何将 MaterialUI TextField 的值设置为大写?

我有一个 Material UI TextField 作为输入,我需要强制输入的文本为大写。我尝试过使用 textTransform: "uppercase" 作为样式属性的一部分,但这并没有......

回答 4 投票 0

如何使 View 元素的所有 Text 子元素具有相同的样式?

我想要类似 CSS 的东西,你可以为 div 赋予“颜色”样式,并且其中的任何文本都会有它。 我在视图组件中有多个文本组件,我想...

回答 2 投票 0

单一 spa 与材料 UI 样式的集成问题

我们正在尝试将 Single spa 与 React 和 Material UI 集成。 我们有 2 个带有 Material UI 的 React 应用程序: 根容器。 微前端(水疗应用程序)。 当我们整合这两个组件时...

回答 3 投票 0

WPF,工具提示/边框中这个奇怪的空白是怎么回事

我设计了一个工具提示,例如 我设计了一个工具提示,就像 <Setter Property="ToolTip"> <Setter.Value> <Border Background="Red" CornerRadius="5" Padding="5" Margin="0"> <TextBlock Text="Hello" Foreground="White" /> </Border> </Setter.Value> </Setter> 它的渲染效果如下 那个白色“矩形”是什么?我怎样才能摆脱它 该矩形来自 ControlTemplate 控件的 ToolTip,其中将包含您在 Control.ToolTip 中设置的任何内容。你必须覆盖它: <Style TargetType="ToolTip"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="ToolTip"> <ContentPresenter /> </ControlTemplate> </Setter.Value> </Setter> </Style> 您是否尝试过直接减少工具提示的填充: <ToolTip Padding="0" > ... </Tooltip> 这100%有效。此致,大卫普。 将其粘贴到按钮内: <ToolTip Background="Transparent" BorderThickness="0"> <Border CornerRadius="10" BorderBrush="#your-color" Background="#your-color"> <Grid Height="your-height"> <Grid.ColumnDefinitions> <ColumnDefinition/> <ColumnDefinition/> </Grid.ColumnDefinitions> <Image Source="Images/logo.png" Margin="10,0,0,0" Width="16" Height="16" Grid.Column="0" VerticalAlignment="Center"/> <TextBlock Text="yout-text" FontFamily="Montserrat" FontSize="11" Grid.Column="1" VerticalAlignment="Center" Margin="10,0,10,0"/> </Grid> </Border> </ToolTip> </Button.ToolTip>```

回答 3 投票 0

如何使用 CSS 创建特定文本下划线

我可以用 CSS 完成不同样式的“下划线”,但它是直的、波浪形的或点状的。 现在我遇到了一种我喜欢的不同风格,但我不知道如何实现这一点。这是...

回答 1 投票 0

OpenLayers:地图中每个 GeoJson 功能都有自己的颜色?

有任何关于要素样式类型等的示例,但这只是针对简单地图的一个想法,而不是针对与数据库中不断变化的信息相结合的大量数据。 这是我的

回答 1 投票 0

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