css 相关问题

CSS(层叠样式表)是一种表示样式表语言,用于描述HTML(超文本标记语言),XML(可扩展标记语言)文档和SVG元素的外观和格式,包括(但不限于)颜色,布局,字体和动画。它还描述了元素应如何在屏幕上,纸上,语音或其他媒体上呈现。

SVG CSS 悬停隐藏阴影

我需要的是 SVG 消失,但阴影保持悬停。我得到的是 SVG 和阴影都消失了。 div > svg { 颜色:黑色; 过滤器:滴-...

回答 1 投票 0

在 JS 函数和 CSS 属性之间传递值

var 系数 = 1; 函数放大(值){ 系数=值; } document.getElementById('shadow').addEventListener('mouseover',扩大(2)); document.getElementById('shadow').addEventListener('mo...

回答 1 投票 0

如何使用适当的特异性来设计 :root 而不 !important

在自定义元素内,因为边框颜色是在父页面上设置的,所以如果不求助于 !important 就无法使边框颜色起作用 :主机([玩家=“O”]) { 颜色:var(--color2); 乙...

回答 3 投票 0

旋转后变换比例

我有一个问题。我正在将 div 旋转 45 度。然后我想在新的 y 轴 http://jsfiddle.net/P37g5/2/ 上缩放它 - 而不是现在 45 度的 y 轴?

css
回答 2 投票 0

将背景图像保留在底部

我一直在研究将图像保留在底部页面的解决方案。我目前得到的代码是: 。页脚 { 背景图像: url('images/footer.png'); 背景重复:重复 x...

回答 5 投票 0

如何使表格中一行的最后一个单元格占据所有剩余宽度

在下面的HTML片段中,如何使包含“LAST”的列的宽度占据该行的其余部分,并且包含“COLUMN ONE”和“COLUMN TWO”的列的宽度正好宽.. .

回答 1 投票 0

是否可以隐藏href标题?

...是代码。 由于 slimbox,我需要使用标题属性,但我想隐藏将鼠标悬停在...

回答 16 投票 0

如何使按钮拉伸到列的宽度

我正在尝试使按钮跨越列的宽度。 例如这里:http://davidnhutch.com。请注意,浅灰色按钮的大小仅与它们包含的文本一样大?我希望每个按钮都能水疗...

回答 3 投票 0

设置“位置:固定”div 相对于父 div 的宽度

我试图给一个div(位置:固定)100%的宽度(相对于它的父div)。但我有一些问题... 编辑: 第一个问题用inherit解决了,但是还是不行...

回答 11 投票 0

Tailwind css 断词在输入字段中不起作用

现在我的reactjs输入字段看起来像这样。 正如您所看到的,文本只是保持直线前进,而不是向下移动到下一行。我该如何解决这个问题?这是我针对此输入字段的代码。 <...

回答 2 投票 0

如何去除打印预览中页脚后的空白并在打印预览中修复页面底部的页脚?

打印预览中页脚后面有一个白色的空白区域,我想删除该空间并将页脚修复在页面底部。我试过这段代码 @页 { 尺寸:A4; 保证金:0; } @媒体p...

回答 1 投票 0

如何添加span来选择选项元素以在每个选项中显示一个标志?

我正在开发一个可以帮助用户轻松选择语言的选择。我遇到了 https://github.com/lipis/flag-icon-css 的问题,为每个选项添加一个标志。请帮忙。 我添加了cs...

回答 2 投票 0

我的实时网站无法正确链接我的页面,导致 404 错误

我现在正在创建自己的网站,我遇到了一个问题,我曾经将index.html更改为home.html,然后更新了我的cPanel帐户中的所有文件,然后更改了它回来...

回答 1 投票 0

SharePoint 开发人员应如何与图形设计师在他们的项目中合作?

与我一起参与 SharePoint 项目的图形设计师对 SharePoint 的了解并不多。特别是他们不知道 SharePoint Designer,这是开发所必需的...

回答 5 投票 0

如何将表单中的数据发送到 React 中的摘要页面?

我目前正在学习 React,我想从表单中的用户输入发送数据。我希望在新页面上收集数据。我还希望我的 getCartTotal 组件的总价是...

回答 1 投票 0

如何修改WP管理仪表板(后端)特定页面中的CSS

我正在尝试删除 WordPress 管理面板的仪表板页面的填充和标题。仪表板经过重新设计,采用“Elementor 的欢迎仪表板”+ Elementor。 我

回答 4 投票 0

样式未应用于我的导航栏,不确定为什么

我是一名初学者,目前正在为 freeCodeCamp 作业制作作品集。我打算让我的导航栏元素水平显示,并具有特定的字体和样式元素,但这些都不是

回答 2 投票 0

我的“粘性”在找到容器时不起作用

当我滚动到愿景任务部分时,粘滞键不起作用。 我需要帮助,身体里也有更多的容器。 我尝试了不同的位置,但无法使其发挥作用。我不知道怎么...

回答 1 投票 0

导航栏切换器在展开时不会变成“X”

对于contex,我使用HTML和CSS(通过CDN连接的链接/脚本标签使用Bootstrap 5)来创建前端响应式静态网站。 我的问题是,当切换器展开时,它......

回答 1 投票 0

输入复选框默认选中

在我的一生中,我无法将我的复选框设置为在页面加载时选中。 我尝试在 id 之后添加 value="true" 和 Checked="checked" 但仍然没有任何结果。有任何想法吗? 在我的一生中,我无法将我的复选框设置为在页面加载时选中。 我尝试在 id 之后添加 value="true" 和 Checked="checked" 但仍然没有。有什么想法吗? <div class="onoffswitch-container"> <span class="onoffswitch-title">Open Inline</span> <span class="onoffswitch"> <input type="checkbox" class="onoffswitch-checkbox" id="inline"> <label class="onoffswitch-label" for="inline"> <span class="onoffswitch-inner" data-swchoff-text="OFF" data-swchon-text="ON"></span> <span class="onoffswitch-switch"></span> </label> </span> </div> 只要写“checked”就可以了 <input type="checkbox" class="onoffswitch-checkbox" id="inline" checked> 在下面添加了“true”参数,之前尝试一下,它对我有用 <input type="checkbox" class="onoffswitch-checkbox" id="inline" checked="true"> 属性 checked="checked" 确实有效,简写符号就是 checked。 <div class="onoffswitch-container"> <span class="onoffswitch-title">Open Inline</span> <span class="onoffswitch"> <input type="checkbox" class="onoffswitch-checkbox" id="inline" checked="checked"/> <label class="onoffswitch-label" for="inline"> <span class="onoffswitch-inner" data-swchoff-text="OFF" data-swchon-text="ON"></span> <span class="onoffswitch-switch"></span> </label> </span> </div> 我尝试了以上所有解决方案,但没有任何效果。它确实给了我一些术语来继续我的研究。我最终所做的是转到代码底部并添加$('#inline').prop('checked', true); 这解决了我的问题。 您正在寻找 checked 内容属性。以下是官方文档中的相关片段:(生活标准): checked content 属性是一个布尔属性,它给出输入元素的默认检查状态。添加checked内容属性时,如果控件没有脏检查性,则用户代理必须将元素的checkedness设置为true;当checked内容属性被删除时,如果控件没有脏检查,用户代理必须将元素的checkedness设置为false。 请注意,文档包含相关术语定义的链接。 如果看起来技术性太强,您可以随时访问 checked 上的 MDN 页面。 MDN 贡献者付出了相当大的努力,将 HTML 标准“翻译”成更易读/更容易理解的形式(通常带有示例),这对于没有扎实的 Web 相关术语和概念基础的人尤其有用。 注意: 您还可以在 MDN 上找到 问题的直接答案。 <input type="checkbox" checked /> 我认为值得补充的是,设置 checked 属性将选中该框,并且不允许用户取消选中它。如果所需的功能是默认选中复选框但用户仍可以取消选中,请使用 defaultChecked 属性: <input type="checkbox" id="inline" defaultChecked /> 或 document.getElementById("inline").defaultChecked = true;

回答 7 投票 0

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