问题标签 [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.

0 投票
1 回答
32 浏览

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/

0 投票
3 回答
264 浏览

javascript - 选中复选框时无法使用 JS 将 CSS 应用于输入字段

css('color','red')选中复选框时,我正在尝试应用 id 为“pred”的输入字段。当前代码在检查时已成功禁用输入字段,但由于某种原因,我无法弄清楚如何在同一代码中应用样式。

我知道如何使用单独的函数来做到这一点,但我想知道如何在这段代码中做到这一点并了解我做错了什么。

短代码:

此版本的错误是 input.css 不是函数。

如果我这样做,我不会出错,但什么也没有发生。

0 投票
1 回答
122 浏览

html - W3 CSS 仅响应移动视图

我正在创建一个网站。我今天早上 4 点睡觉,我的网站、html 和样式表都设置好了,没有任何问题。一个小时前我看了我的网站,不管屏幕大小,我的网站只会出现在 Mobile 视图中,垂直堆叠的 w3-containers。这几乎就像有人进入我的 html 文件并删除了每个 w3-row 标记。

在过去的 6 个月里,这个网站一直是我的生活,所以我很恐慌。请帮我。我不是这个行业的,所以请放轻松,避免居高临下的质问,无论它多么诱人。

谢谢,尼娜

0 投票
1 回答
877 浏览

css - 无法在 Angular 9 项目中使用外部 CSS 样式表

我是 Angular 的新手,并试图用 W3 CSS 实现一些东西。我试图将此 CSS 添加到我的项目中。以下是我遵循的步骤

  1. 在我的项目目录中运行 npm install --save w3-css
  2. node_modules/w3-css/w3.css在 angular.json 中添加

之后,我尝试将 css 类添加到我的组件 html 文件中

但我看不到任何添加的课程。

注意:node_modules 文件夹和 angular json 在同一目录中。

0 投票
3 回答
115 浏览

html - 使用引导程序删除两列之间的空间

美好的一天,伙计们,

我有一个使用 ASP.NET MVC 和 bootsrap 的带有以下代码的表单。有两列,每列包含大约 7 个项目。两列之间的空间太宽,排列得不好。任何人都可以帮忙吗?下面是源代码。

我也会附上输出。我希望输出在列之间没有那么大的空间。

感谢您的预期帮助。在此处输入图像描述

0 投票
2 回答
80 浏览

html - 使照片变暗超出文字

我需要使照片变暗,但是如果按以下方式进行,我也会使文本和按钮变暗。如何在没有文字的情况下使背景变暗?有小费吗?

0 投票
1 回答
97 浏览

html - W3 CSS 和正文滚动锁定

在 W3 CSS 包中使用任何滚动体锁定包(例如body-scroll-lockreact-scrolllocktua-body-scroll-lock )时,即使传递给它的元素处于活动状态或打开状态,它也不会锁定主体(模态)不管我做什么。

0 投票
1 回答
179 浏览

css - CSS Validator error = Value Error : background 100% is not a color-stop value )

我对编程很陌生,我在我的 CSS 中导入了一个代码片段,以获得链接上的悬停效果。当我通过 W3C CSS Validator 推送代码时,我收到一个来自此导入代码的错误。

我不明白我能做些什么来消除错误,因为悬停效果完美。

谁能帮我?将不胜感激!

错误:

值错误:背景 100% 不是颜色停止值)

代码:

0 投票
1 回答
35 浏览

html - 当内容宽度大于带有 inline-flex 的 div 中的视口宽度时,w3-CSS 附加换行符

我在这个 div 中添加了一堆带有 w3-card 的盒子:

这是我附加它的地方:

这行得通,但是当我有太多并排的盒子时,它们只会挤在一起并将盒子隐藏在边缘。我将如何做到它不会压扁也不会越过边缘,而是制作一条新线?

0 投票
1 回答
38 浏览

javascript - 我的 javascript queryselectorall 没有按预期捕获第二个类名

我有两个具有不同类的图像,但我希望将相同的 JavaScript 应用于两者。该 javascript 基本上允许通过单击按钮进行幻灯片放映,但这仅适用于具有mySlides类的图像,而不适用于albums类。看一看:

按钮应该移动到下一个图像,例如从“travis.jpg”到“killy.jpg”,但它只适用于 mySlides 类而不是专辑类