标签: materialize

我是HTML和CSS的新手，无法弄清楚如何更改http://materializecss.com/footer.html上的页脚颜色。任何帮助都会很棒，谢谢！

我正在尝试在Material Design中创建我的网站,但无论我是使用MDB(Material Design for Bootstrap)还是Materialize CSS框架,我都发现了Material Select的一个问题.两者在Windows/OSX/Android上运行良好,但出于某种原因,当我在iPad上打开Material Select组件并单击它时,有一个闪烁的光标显示在Dropdown的背景中.

我正在使用webpack作为我的捆绑器/加载器,我可以在fine(js/css)中加载materialize css,但是当我尝试使用toast时,它说

Uncaught TypeError: Vel is not a function

我将库包含在主index.js文件中:

import 'materialize-css/bin/materialize.css' import 'materialize-css/bin/materialize.js'

有谁知道为什么会发生这种情况？查看捆绑的源,实现的js就在那里.

我想知道是否可以将不透明度元素添加到 sass 变量中？我正在开发一个项目，我需要创建不同的颜色深浅并在自定义排版文件中使用它们。我的问题是，当我在 rdga 中创建一个颜色变量并将其实现到我的工作中时，该变量将代码更改为 CSS 不透明元素，该元素写在颜色元素下，然后它通过浏览器运行并抛出错误。是否有某种方法可以在变量中实现不透明度，这样就不会出现此问题？

任何帮助都会很棒，谢谢

这是我的变量：

   $white-text-dh: rgba(255, 255, 255, 0.5);
   $white-text-d: rgba(255, 255, 255, 0.12);

这是排版前：

  .c-title{
            font-size:20px;
            color: $white-text-d;
            font-family: Roboto-Light;
         }

这是html

         <span class="c-title">hello</span>

这是在开发人员工具中读取的内容，但颜色有错误。颜色元素无法读取不透明度

      .c-title {
                font-size: 20px;
                color: #ffffff opacity 0.7%;
                font-family: Roboto-Light;
                }

使用具体化工具提示时出现此错误。我正在显示有关手风琴折叠事件和页面滚动事件的工具提示。如何解决这个问题？

我正在使用materializecss v.1.0.0(beta),我试图只导入按钮组件.对于scss文件我没有问题,但对于js文件我有一些问题.

我已经导入了以下文件:

import Cash from 'materialize-css/js/cash';
import Component from 'materialize-css/js/component';
import Global from 'materialize-css/js/global';
import Materialize from 'materialize-css/js/buttons';

但是不正确,因为每个都没有使用import和export语句构建,而按钮js找不到Global Component.

我怎样才能导入特定的materialize组件而不是所有的js库？

我正在使用materialize.css并一直在尝试以编程方式关闭一个模式，然后立即打开另一个模式。

这是我当前使用的代码open/close：

$('.modal').modal('close', "#modal1");
$('.modal').modal('open', "#modal2");

实际发生的情况是，当我调用这些函数时，#modal1成功关闭，但其背景保持原样。

完全相同的时间#modal2打开，然后立即（大约 200 毫秒左右）关闭。同样，背景保持不变。

我可以寻求帮助来解决这个问题吗？

该文档调用jQuery old。那么，我是否使用了一些已弃用的方法，我应该使用等效的普通 JavaScript 方法吗？如果是的话又怎样？

所以我正在使用angular-cli 8.3.5和material-angular 8.2.1。

我正在尝试将 HTML 居中，但没有找到有关帮助程序类的任何文档。

有谁知道如何完成我正在做的任务？

我正在尝试为移动网页创建一个侧边栏菜单。我的目标是从 25% 的屏幕左边缘滑出侧边栏。

Materialise 框架 Sidenav中使用了类似的方式

#drag-target用于接收拖动事件和滑出侧边栏。问题是#drag-target覆盖了部分内容并阻止了底层元素上的点击/触摸事件。

我使用了 CSS 规则pointer-events: none，但这会破坏元素本身的滑动。

除了滑动/拖动之外，有什么方法可以通过#drag-target所有底层元素传递触摸/单击事件？

我正在尝试使用将这些图标对齐为一行，className="col s1"但是当我运行此代码时，由于某种原因它显示在列中。我尝试删除容器标签，添加它，尝试更改列大小，但由于某种原因它始终显示为列而不是行。

有什么办法可以让它发挥作用吗？

这是代码的链接：项目

主.jsx

import React, { useState, useEffect, useRef } from "react";
import Helmet from "react-helmet";
import Socials from "./Socials";
function Main(props) {
  const socialMedia = [
    {
      link: "https://www.linkedin.com/in/",
      icon: "linkedin"
    },
    {
      link: "https://github.com/",
      icon: "github"
    },
    {
      link: "https://www.youtube.com/",
      icon: "youtube"
    },
    {
      link:
        "mailto:example@ex.co?subject=Felipe%20GD%20--%20Request%20To%20Contact",
      icon: "email"
    }
  ];

  return (
    <React.Fragment>
      <Helmet>
        <title>Felipe GD</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      </Helmet>
      <div className="container">
        <div clasName="row">
          {socialMedia.map((socials) => (
            <Socials
              getOpacity={null}
              getVisibility={null}
              link={socials.link} …