stylesheet 相关问题

不要使用此标签。将[css]用于CSS相关问题,将[xslt]用于XSLT相关问题。

在 html 中的 rel 属性处请求大括号

我正在尝试将我的CSS代码链接到我的html,并且在使用rel属性后要求在vs代码中使用大括号。我已经有了我的 css 代码,只是想将它链接到 html。 ...

回答 1 投票 0

CSS 样式表反转效果(如果是移动设备)

目前wordpress样式表对图像有这种效果。 } .course-hover .x-bg>.x-bg-layer-lower-image { 过滤器:灰度(1); 过渡:所有 .3 秒缓入缓出 } .课程悬停...

回答 1 投票 0

HTML“链接”(样式表)禁用属性

我正在使用 JavaScript 来启用/禁用样式表,方法如下: document.styleSheets[0].disabled = true|false; 这个 JS 工作正常,但是我希望样式表被 de...

回答 4 投票 0

firefox绝对定位重叠

我在 Firefox 中无法正确渲染此内容。它在 chrome 和 safari 中渲染得很好。 我在 Firefox 中无法正确渲染此内容。它在 chrome 和 safari 中渲染得很好。 <div style="" id="login_inline"> <form accept-charset="utf-8" action="/users/login" method="post" id="UserLoginForm"> <div style="display:none;"> <input type="hidden" value="POST" name="_method"> </div> <input type="text" id="UserDummyEmail" tabindex="1" value="Email" name="data[User][dummyEmail]" style="display: block;"> <input type="text" id="UserDummyPassword" tabindex="2" value="Password" name="data[User][dummyPassword]" style="display: block;"> <input type="text" id="UserEmail" maxlength="255" tabindex="3" name="data[User][email]"> <input type="password" id="UserPassword" tabindex="4" name="data[User][password]"> <div class="submit"> <input type="submit" value="Login"> </div> </form> </div> CSS: #login_inline { position:absolute; right:10px; top:30px; width:420px; } .submit { display:inline; position:absolute; left:360px; } #UserPassword { position:absolute; left: 185px; } #UserDummyPassword { position:absolute; left:185px; z-index:1; color:gray; } #UserDummyEmail { position:absolute; left:10px; z-index:1; color:gray; } #UserEmail { position:absolute; left:10px; } Firefox 渲染: Chrome 渲染: 编辑:现场示例(正确渲染) 通过绝对定位,您将依赖于输入元素的正确宽度。这在跨浏览器中很难做到,因为浏览器倾向于使用样式不一致的自定义或本机元素。您最好使用内联块或浮动布局来处理不一致的宽度。 如果你真的必须这样做,有一些黑客使用 css3 box-sizing 属性和/或手动调整属性,如行高、字体大小和填充,以使所有浏览器就输入大小达成一致,但这比听起来更难. 这个问题有一些关于 box-sizing 的信息,并使用百分比/自动宽度来获得一致性:带有显示的输入:块不是块,为什么不呢? 编辑:根据上面的评论,您可能需要设置一些 div 包装器来设置隐藏元素和可见元素的大小/位置,然后使用百分比宽度和 box-sizing,如所解释的。 <div class="input_wrapper" style="width:100px;position:relative"> <input style="width:100%;box-sizing:border-box;position:absolute"> <div class="fake_input" style="width:100%;position:absolute"> </div> 这一切的关键是box-sizing:border-box不太容易受到浏览器在表单输入的填充和边框计算方面的差异的影响。 我发现通常最好在输入字段上设置字体大小,这将使它们的大小(更)一致

回答 2 投票 0

我可以将整个样式表应用于一个 div 吗?

我想在我正在构建的网站中使用动态引导日历。我的网站有一个样式表,但日历有自己的样式,无论我做什么,都会从一张废墟中得到一些东西......

回答 1 投票 0

如何使我的 HTML/CSS 代码在所有浏览器上兼容?适用于 Chrome,不适用于 Safari/Edge 等

我的网站托管在bluehost上,当我在Chrome上访问该地址时,它是完美的。当我访问 Safari 的地址时,“关于我”部分没有黑色背景,并且页脚是 Pushe...

回答 1 投票 0

React 原生 Flexbox 未使用所有可用空间

这是代码,我想让容器居中,但是当我放置 {flex:1} 时它不起作用,容器内的数据将被隐藏。 这是不使用 {flex:1} 的输出屏幕 这是...

回答 1 投票 0

CSS 覆盖需要帮助

我的 CSS 文档中有以下代码,该代码已被锁定,因此我无法更改它。加载了另一个可更改的 CSS 文档,我用它来覆盖同一锁定文档中的其他 CSS 元素...

回答 1 投票 0

根据里面的图像调整视图高度。反应本机

如何确保图像完美适合容器。图像的宽度应始终为 100%,容器的高度应根据图像进行调整。

回答 1 投票 0

React-Native TypeScript:将变量传递给样式表对象时出错

这是我正在使用的样式以及我如何使用它 样式={styles.input(isPasswordSelected)} const 样式 = StyleSheet.create({ 输入:(isPasswordSelected:布尔值)=>({ 身高:40,

回答 1 投票 0

角度从 13 更新到 16 后主色默认值

我将我的角度(+material-ui)系统从 13 更新到 16。我有一个问题:我的自定义主题的主颜色值不再起作用。现在使用默认值蓝色。 我添加了...

回答 1 投票 0

如何在 Qt 应用程序中使用样式表更改 QPushButton 图标

是否可以使用样式表设置和更改 QPushButton 上的图标? 我需要这个用于客户使用样式表进行样式化的基于 Windows 的白标 Qt4.5 应用程序。 谢谢。

回答 3 投票 0

将图像放置在html屏幕的左上角

请参考下图,我希望在屏幕的最左侧和顶部添加一个图像,以便单词process出现在它的右侧。

回答 0 投票 0

是来自 Content-Disposition: inline 的链接样式表; HTML 邮件安全吗?

现在我正在使用 将 CSS 类添加到我的 HTML 电子邮件中。这是顶部的一个相当大的块,现在我想知道通过 <link> 添加样式表是否安全,即 </desc> <question vote="0"> <p>现在我正在使用 <pre><code>&lt;style&gt;</code></pre> 将 CSS 类添加到我的 HTML 电子邮件中。这是顶部的一个相当大的块,现在我想知道通过 <pre><code>&lt;link&gt;</code></pre> 添加样式表是否安全,该样式表作为附件嵌入在邮件中。</p> <p>我已经尝试过了,它工作正常,但我不确定它是否安全并且到处都受支持。你们有人知道吗?</p> <p>我发现此页面显示 <pre><code>&lt;style&gt;</code></pre> 大部分受支持,但不支持,这是正确的吗? <a href="https://www.campaignmonitor.com/css/style-element/style-in-body/" rel="nofollow noreferrer">https://www.campaignmonitor.com/css/style-element/style-in-body/</a> <a href="https://templates.mailchimp.com/resources/email-client-css-support/" rel="nofollow noreferrer">https://templates.mailchimp.com/resources/email-client-css-support/</a></p> <p>这就是添加方式:</p> <pre><code>&lt;link href=&#34;cid:STYLESHEET&#34; rel=&#34;stylesheet&#34; /&gt; </code></pre> <p>下面:</p> <pre><code>Content-Disposition: inline; filename=&#34;STYLESHEET.css&#34; Content-ID: &lt;STYLESHEET&gt; ... (base64 encoded CSS) </code></pre> </question> <answer tick="false" vote="0"> <p>是的,添加样式表是安全的,通过该样式表作为附件嵌入到邮件中。这是向 HTML 电子邮件添加 CSS 的常见做法,大多数电子邮件客户端都支持。</p> <p>您提供的代码看起来是正确的。 <pre><code>&lt;link&gt;</code></pre> 标签将告诉电子邮件客户端从 ID 为 <pre><code>STYLESHEET</code></pre> 的附件中加载 CSS 文件。 <pre><code>Content-Disposition</code></pre> 标头将告诉电子邮件客户端内联附件,以便它显示为电子邮件正文的一部分。 <pre><code>Content-ID</code></pre> 标头将为附件提供唯一标识符,<pre><code>&lt;link&gt;</code></pre> 标签将使用该标识符来引用它。</p> <p>以下是其工作原理的更详细说明:</p> <ol> <li><pre><code>&lt;link&gt;</code></pre>标签告诉电子邮件客户端从 带有 ID 样式表的附件。 <pre><code>&lt;link&gt;</code></pre> 的 href 属性 标签指定附件的 URL。在本例中,URL 是 只是附件的 ID,即 cid:STYLESHEET。</li> <li><pre><code>Content-Disposition</code></pre>标头告诉电子邮件客户端内联 附件,以便它显示为电子邮件正文的一部分。 Content-Disposition 标头的内联值告诉电子邮件 客户端内联附件,以及 <pre><code>filename=&#34;STYLESHEET.css&#34;</code></pre>值告诉电子邮件客户端命名 附件<pre><code>STYLESHEET.css</code></pre>.</li> <li> <pre><code>Content-ID</code></pre> 标头为附件提供了唯一标识符, <pre><code>&lt;link&gt;</code></pre> 标签将用来引用它。 <pre><code>&lt;link&gt;</code></pre> 标签 使用 id 属性来引用附件,以及值 id 属性的值与 <pre><code>Content-ID</code></pre> 的值相同 标题。</li> </ol> </answer> </body></html>

回答 0 投票 0

为什么空样式表从 XML 返回文本?

您能解释一下为什么空样式表返回 TEXT 值吗? 样式表是: 您能解释一下为什么空样式表返回 TEXT 值吗? 样式表是: <xsl:stylesheet version="3.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output method="xml" encoding="UTF-8" indent="yes" omit-xml-declaration="yes"/> </xsl:stylesheet> 与测试文件类似 <?xml version="1.0" encoding="UTF-8" ?> <TEST> <ABC> <a>ABC</a> <b>BCD</b> <c>CDE</c> </ABC> </TEST> 返回文本值: ABC BCD CDE 这是一个简化的示例,当测试文件不适合样式表中的 xsl:template match= value 时,就会发生这种情况。 如果能够理解该场景中的 xslt 行为,那就太好了。 谢谢! 因为内置模板规则。

回答 1 投票 0

如何使用 JavaScript 以编程方式设置输入:焦点样式

我正在用 JS 构建一个 UI 库,它可以在不依赖任何 CSS 样式表的情况下创建 UI 组件,并通过代码进行风格化。到目前为止,除了设置不同的控件样式外,一切都非常简单

回答 6 投票 0

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

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

回答 4 投票 0

是否可以设置 css3 调整大小功能的样式?

我在想;是否可以设置 css3 resize 属性的样式? 分区{ 调整大小:两者; 溢出:自动; } 我想要水平调整大小,想要垂直条,而不是小东西......

回答 3 投票 0

React Native:提供的 `string` 类型的道具 `transform` 无效,需要一个数组

我们正在使用 CSS 样式的转换/翻译参数,但这对 React Native 打字稿无效。 不变违规:提供给 StyleSheet 的 `string` 类型的无效道具 `transform`

回答 1 投票 0

Google 的 Chrome 不会显示样式表

我有这个脚本: 我有这个脚本: <?PHP $Dokument = $_GET["Ime"]; Switch($Dokument) { Default: Echo "Pogrešno ime dokumenta! Proveri da li postoji."; Exit; Case "Style": $Dokument = "Folder/Styles/MainStyle.CSS"; Break; } If(File_Exists($Dokument)) { Header("Last-Modified: {gmdate('D, d M Y H:i:s', filemtime('$Dokument'))} GMT"); Header("Content-Type: {MIME_Content_Type('$Dokument')}"); Header("Content-Length: {FileSize('$Dokument')}"); ReadFile("$Dokument"); } Else { Echo "Pogrešno ime dokumenta! Proveri da li postoji."; } Exit; ?> 它适用于 Firefox,但 Chrome 拒绝通过 <link href="/Izvor?Ime=Style" rel="stylesheet" type="text/css" /> 显示样式表,而是显示空白页面。它只是显示: link { display: none } 您需要更多详细信息吗?有人可以给我一个适用于所有浏览器和 php 版本的改进版本吗?我是一个 php 初学者。 我尝试更改样式表和网页的编码,但也失败了。 Chrome 很固执。我希望通过/Izvor.php?Ime=main_style加载样式表。 这个脚本,实际上,是为了加载页面上的所有文件。而不是像/Folder/Styles/MainStyle.css那样直接链接它们,我希望它是/Source.php?id=main_style加载页面上的主要样式。正如我所写,它在 Firefox 上运行完美,但在 Chrome 上却不行。这同样适用于所有其他浏览器除了 Firefox。 ChromeCAN访问ALL文件通过php脚本,它只是REFUSES在页面上显示/显示它们。 有什么帮助吗? 你的header()里面的函数不会被调用。像这样连接它们: header("Last-Modified: " . gmdate('D, d M Y H:i:s', filemtime($Dokument)) . " GMT"); header("Content-Type: " . MIME_Content_Type($Dokument)); header("Content-Length: " . FileSize($Dokument)); 看看这是否解决了 Chrome 的问题 这段代码写的不好,我把调用的header()改成了简单的echo语句来演示 $Dokument = 'something'; echo "Last-Modified: {gmdate('D, d M Y H:i:s', filemtime('$Dokument'))} GMT"; echo PHP_EOL; echo "Content-Type: {MIME_Content_Type('$Dokument')}"; echo PHP_EOL; echo "Content-Length: {FileSize('$Dokument')}"; echo PHP_EOL; echo PHP_EOL; # FIX echo "Last-Modified: " . gmdate('D, d M Y H:i:s', filemtime($Dokument)) . " GMT"; echo PHP_EOL; echo "Content-Type: " . MIME_Content_Type($Dokument); echo PHP_EOL; echo "Content-Length: " . FileSize($Dokument); 结果 Last-Modified: {gmdate('D, d M Y H:i:s', filemtime('somtthing'))} GMT Content-Type: {MIME_Content_Type('somtthing')} Content-Length: {FileSize('somtthing')} Last-Modified: Fri, 03 Mar 2023 17:35:50 GMT Content-Type: text/plain Content-Length: 611 事实上,{} 构造实际上是多余的,可以删除

回答 2 投票 0

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