styles 相关问题

不要使用此标签。此标记目前没有单一的，明确定义的含义。它通常用于代替[css]或与[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><style/></code></pre>？</p> </question> <answer tick="true" vote="39"> <p>纯 JavaScript -</p> <pre><code>var style=document.createElement('style'); style.type='text/css'; if(style.styleSheet){ style.styleSheet.cssText='your css styles'; }else{ style.appendChild(document.createTextNode('your css styles')); } document.getElementsByTagName('head')[0].appendChild(style); </code></pre> </answer> <answer tick="false" vote="26"> <p>是的，你可以在 jQuery 中做到这一点：</p> <pre><code>var styleTag = $('<style>.my_class { foo: bar; }</style>') $('html > head').append(styleTag); </code></pre> <p>只需在 <pre><code><style></code></pre> 末尾附加 <pre><code><head></code></pre> 标签即可工作。</p> </answer> <answer tick="false" vote="0"> <p>这似乎是 2023 年的方式：</p> <pre><code>const sheet = new CSSStyleSheet() sheet.replaceSync('div {padding: 2px;}') document.adoptedStyleSheets = [sheet] </code></pre> <p>向现有工作表添加更多样式：</p> <pre><code>let index = sheet.cssRules.length sheet.insertRule('span {color: red;}', index) </code></pre> </answer> </body></html>

javascript jquery css html styles

回答 0 投票 0

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

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

reactjs input material-ui styles textfield

回答 4 投票 0

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

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

css text view react-native styles

回答 2 投票 0

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

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

reactjs material-ui styles single-page-application single-spa

回答 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>```

wpf styles

回答 3 投票 0

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

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

css text styles underline

回答 1 投票 0

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

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

dictionary styles html-lists openlayers geojson

回答 1 投票 0

如何使用 Angular 中的路由器更改父页面中元素的显示

我想动态更改父元素的@media打印样式，而不更改@media屏幕的这些相同元素的样式。我有一个显示多个子项的父页面

javascript css angular styles

回答 1 投票 0

pandas 颜色列基于其他列的值

我想进行条件格式设置，将其应用于 pandas 数据框中的另一列。所以我想将“timestart”和“timeend”列中的字体颜色更改为蓝色...

python-3.x pandas dataframe styles background-color

回答 0 投票 0

比较两个 pandas df 行并对匹配值应用条件格式

我认为这是一个小问题，但我没有成功地使用代码解决方案。我有两个数据帧 df_diff 和 df_all。两个 pandas df 具有相同的键列（例如“Key”）但不同的列

python formatting styles matching rowwise

回答 2 投票 0

Python Tinker 不活动时的滚动条样式

我对滚动条样式的设置仅在其处于活动状态时才有效 - 这意味着文本足够长以供滚动条滚动，如果没有，样式将返回默认值，我不知道如何

python styles scrollbar tinker

回答 0 投票 0

为什么我在 vue js 中的 v-bind 样式中收到错误“不是函数”？

我希望在函数返回 true 或 false 时使用 v-bind 切换类，但我在使用 Quasar2 的 Vuejs3 中收到错误“不是函数”。与此同时，我正在寻找是否有道具......

arrays vue.js styles bind quasar

回答 1 投票 0

角度项目的全局样式

我有一个带有colors.scss文件的项目。我想将其导入为全局样式。我在 styles.scss 文件中使用了 @import 'src/app/core/styles/colors.scss' 或在 angular.json 中包含此路径： “风格&

angular sass colors styles

回答 0 投票 0

如何更改xamarin上的htmllabel背景颜色宽度？

我想在xamarin中设置htmllabel文本背景颜色的宽度，但它覆盖了与文本长度一样长的颜色。我怎样才能覆盖整个背景？我希望红色区域像...

html css xamarin label styles

回答 1 投票 0

如何追踪样式无效的执行问题

我正在尝试追踪性能问题。我记录了时间线，发现有 2-3 秒的延迟。这意味着什么？我如何使用这些信息来提高性能？我正在尝试找到

performance layout styles timeline invalidation

回答 0 投票 0

Angular 15 在背景网址中添加“”

我有以下代码来添加图像作为背景，但是当在浏览器中呈现时，网址会添加 "，有人知道为什么吗？模板我有以下代码来添加图像作为背景，但是当在浏览器中呈现时，网址会添加"，有人知道为什么吗？模板 <picture class="picture background-image" [style.background-image]="'url(' + this.componentParams.link + ')'" title={{this.componentParams.title}}> </picture> 组件 public componentParams: any = { link: "../../../assets/images/category/montagem-moveis.png", title: "Montagem de imóveis" }; 渲染 <picture _ngcontent-ng-c4105489152="" class="picture background-image" title="Montagem de imóveis" style="background-image: url("../../../assets/images/category/montagem-moveis.png");"></picture> 您面临的问题与浏览器如何编码 URL 中的特殊字符有关。在本例中，" 字符被编码为 "，这导致了问题。要解决此问题，您应该使用 Angular 的属性绑定语法，而无需手动连接字符串。像这样修改你的模板代码：模板： <picture class="picture background-image" [style.background-image]="'url(' + componentParams.link + ')'" [title]="componentParams.title"> </picture> 在此更新的代码中，我们对 [...] 和 style.background-image 使用属性绑定语法 (title)。通过这样做，Angular 将处理特殊字符的正确编码，并且您不应再在 URL 中看到 "。此外，在模板中访问 this 时无需使用 componentParams，因为 Angular 会自动知道您正在引用组件的属性。经过这些更改，渲染的输出应该是： <picture _ngcontent-ng-c4105489152="" class="picture background-image" title="Montagem de imóveis" style="background-image: url(../../../assets/images/category/montagem-moveis.png);"></picture> 现在，style属性应包含正确的 URL，无需 " 编码。

css angular frontend styles background-image

回答 1 投票 0

vaadin - 样式选择元素的弹出窗口

我正在尝试设置选择元素的弹出窗口（当您选择一个项目时打开的窗口）的样式。我可以通过以下 css 正确定位弹出窗口： vaadin 选择项目 { 背景...

css styles vaadin vaadin24

回答 1 投票 0

在 Vue 中，样式悬停在 <li> 中。颜色在变量中

我有以下内容我有以下 <li v-for="menuItem in menuItems" class="nav-menu__section" :key="menuItem.id" @click="sectionClick($event, menuItem.id)" > <b-icon class="nav-menu__section-icon" :icon="menuItem.icon"></b-icon> {{ menuItem.title }} </li> 我想给它一个数据库中存在的颜色，收集该值的变量如下：hoverBackground = this.appUserData.buttonColor; 我尝试创建一个函数来获取该值并将其添加到 li 中的样式属性，但它没有用。 <li v-for="menuItem in menuItems" class="nav-menu__section" :key="menuItem.id" :style= changeHoverColor() @click="sectionClick($event, menuItem.id)" >  <b-icon class="nav-menu__section-icon" :icon="menuItem.icon"></b-icon> {{ menuItem.title }} </li> changeHoverColor { this.hoverBackground = this.appUserData.buttonColor; }

vue.js hover styles

回答 0 投票 0

在 div 中发送 html 正文

我将电子邮件正文作为 HTML 加载到标签中。它通常运行良好，但在某些情况下，电子邮件的样式会影响主页。你对如何解决这个问题有什么建议吗？

c# html css blazor styles

回答 0 投票 0

如何在ant design Button中显示居中图标

我正在使用 ant design 按钮并设置图标，但图标未显示在按钮内的中心。导入“antd/dist/antd.css”；从“@ant-design/icons&

javascript reactjs styles stylesheet antd

回答 4 投票 0

styles 相关问题

最新问题