styles 相关问题

我有以下代码来添加图像作为背景，但是当在浏览器中呈现时，网址会添加 "，有人知道为什么吗？模板我有以下代码来添加图像作为背景，但是当在浏览器中呈现时，网址会添加"，有人知道为什么吗？模板 <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

如何在 div 底部捕捉 div

我有一个包含 4 个元素的 div。其中一个元素是一个 div 按钮。我想将 div 固定按钮捕捉到父 div 的底部。我正在尝试基线和弹性端技术，但是...