问题标签 [w3-css]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Morris.js 在 w3css 幻灯片中未正确呈现
我正在尝试使用 w3css 幻灯片制作 2 个 Morris.js 图表的幻灯片。
(我用这个:https : //www.w3schools.com/w3css/tryit.asp?filename=tryw3css_slideshow_dots 并用 2 个带有硬编码数据的 Morris.js 图表替换图像)
第一个图表绘制正确,但第二个图表以某种方式裁剪.
我尝试将莫里斯图表存储在本地变量中,并在幻灯片更改时重新绘制图表,但仍然没有运气。
知道我做错了什么吗?
看来我不能粘贴整个 html 所以,其余的代码可以在这里找到:
https ://jsfiddle.net/d5p16q2z/1/
javascript - 选中复选框时无法使用 JS 将 CSS 应用于输入字段
css('color','red')
选中复选框时,我正在尝试应用 id 为“pred”的输入字段。当前代码在检查时已成功禁用输入字段,但由于某种原因,我无法弄清楚如何在同一代码中应用样式。
我知道如何使用单独的函数来做到这一点,但我想知道如何在这段代码中做到这一点并了解我做错了什么。
短代码:
此版本的错误是 input.css 不是函数。
如果我这样做,我不会出错,但什么也没有发生。
html - W3 CSS 仅响应移动视图
我正在创建一个网站。我今天早上 4 点睡觉,我的网站、html 和样式表都设置好了,没有任何问题。一个小时前我看了我的网站,不管屏幕大小,我的网站只会出现在 Mobile 视图中,垂直堆叠的 w3-containers。这几乎就像有人进入我的 html 文件并删除了每个 w3-row 标记。
在过去的 6 个月里,这个网站一直是我的生活,所以我很恐慌。请帮我。我不是这个行业的,所以请放轻松,避免居高临下的质问,无论它多么诱人。
谢谢,尼娜
css - 无法在 Angular 9 项目中使用外部 CSS 样式表
我是 Angular 的新手,并试图用 W3 CSS 实现一些东西。我试图将此 CSS 添加到我的项目中。以下是我遵循的步骤
- 在我的项目目录中运行 npm install --save w3-css
node_modules/w3-css/w3.css
在 angular.json 中添加
之后,我尝试将 css 类添加到我的组件 html 文件中
但我看不到任何添加的课程。
注意:node_modules 文件夹和 angular json 在同一目录中。
html - 使用引导程序删除两列之间的空间
美好的一天,伙计们,
我有一个使用 ASP.NET MVC 和 bootsrap 的带有以下代码的表单。有两列,每列包含大约 7 个项目。两列之间的空间太宽,排列得不好。任何人都可以帮忙吗?下面是源代码。
我也会附上输出。我希望输出在列之间没有那么大的空间。
感谢您的预期帮助。在此处输入图像描述
html - 使照片变暗超出文字
我需要使照片变暗,但是如果按以下方式进行,我也会使文本和按钮变暗。如何在没有文字的情况下使背景变暗?有小费吗?
html - W3 CSS 和正文滚动锁定
在 W3 CSS 包中使用任何滚动体锁定包(例如body-scroll-lock、react-scrolllock或tua-body-scroll-lock )时,即使传递给它的元素处于活动状态或打开状态,它也不会锁定主体(模态)不管我做什么。
css - CSS Validator error = Value Error : background 100% is not a color-stop value )
我对编程很陌生,我在我的 CSS 中导入了一个代码片段,以获得链接上的悬停效果。当我通过 W3C CSS Validator 推送代码时,我收到一个来自此导入代码的错误。
我不明白我能做些什么来消除错误,因为悬停效果完美。
谁能帮我?将不胜感激!
错误:
值错误:背景 100% 不是颜色停止值)
代码:
html - 当内容宽度大于带有 inline-flex 的 div 中的视口宽度时,w3-CSS 附加换行符
我在这个 div 中添加了一堆带有 w3-card 的盒子:
这是我附加它的地方:
这行得通,但是当我有太多并排的盒子时,它们只会挤在一起并将盒子隐藏在边缘。我将如何做到它不会压扁也不会越过边缘,而是制作一条新线?
javascript - 我的 javascript queryselectorall 没有按预期捕获第二个类名
我有两个具有不同类的图像,但我希望将相同的 JavaScript 应用于两者。该 javascript 基本上允许通过单击按钮进行幻灯片放映,但这仅适用于具有mySlides
类的图像,而不适用于albums
类。看一看:
按钮应该移动到下一个图像,例如从“travis.jpg”到“killy.jpg”,但它只适用于 mySlides 类而不是专辑类