小编mcm*_*hfy的帖子

border-radius选项卡看起来像Thunderbird选项卡

有谁知道如何开发雷鸟邮件标签(版本15)?看起来很棒,我真的不能在我的应用程序中做同样的事情.检查此屏幕拍摄:http://s7.postimage.org/ocvxg9ooq/thunder.jpg

html css html5 css3

3
推荐指数
1
解决办法
751
查看次数

使用错误和 helperText 响应材料 UI 表单验证

我创建了一个表单,我想在其中验证输入,我看到材质 UI有一个名为 bolean 的属性error和另一个名为helperTextfor 的属性TextField表单输入的属性,但我没有找到有关如何在元素上注入该错误的信息。验证条件未满足 在此输入图像描述 这是我的代码示例:https://codesandbox.io/s/material-demo-hip84 ?file=/demo.js:1020-1055

const [form, setForm] = useState({ name: "", email: "", remember: "" });

  const onChange = i => {
    setForm({ ...form, [i.target.name]: i.target.value });
  };

  const handleSubmit = e => {
    e.preventDefault();
    console.log(form);
    e.target.reset();
  };

  return (
    <form className={classes.root} autoComplete="off" onSubmit={handleSubmit}>
      <Grid container spacing={4}>
        {Object.keys(form).map((objKey, idx) => {
          return (
            <Grid item xs={12} sm={6} md={4} key={idx}>
              <TextField
                error
                helperText="No Value added in this field"
                id={`input${idx}`} …
Run Code Online (Sandbox Code Playgroud)

javascript forms ecmascript-6 reactjs material-ui

3
推荐指数
1
解决办法
9179
查看次数

使用css和html选择自定义下拉列表

我正在尝试使用html和css创建自定义下拉菜单.我想知道是否可以使用焦点而不是悬停?现在正在悬停并工作,但我想扩展选择onclick.

在这里,我有一个小提琴的例子:http://jsfiddle.net/RwtHn/1084/

html css html5 css3

1
推荐指数
1
解决办法
1854
查看次数

实现模态从上到下打开

我正在尝试打开从上到下下垂的物化模态,就像在这个小提琴中一样,但从上到下反转。不幸的是,很难在 materialize modal 上修改一些东西,因为一些 css 属性是从 materialize js 添加的。“bottom-sheet”类添加了从下到上的特殊效果,但不存在“top-sheet”类。

.modal.bottom-sheet {
  top: auto;
  bottom: -100%;
  margin: 0;
  width: 100%;
  max-height: 45%;
  border-radius: 0;
  will-change: bottom, opacity;
}
Run Code Online (Sandbox Code Playgroud)

那么如何修改打开效果要反转,模态要从上到下打开呢?

javascript css jquery materialize

1
推荐指数
1
解决办法
5164
查看次数

如何修改角度材质主题的主色

我创建了一个新的angular5项目,我正在使用角度材料作为前端组件(https://material.angular.io/).一切都很好,但主要的问题是如何添加自定义主题.我没有在这个项目上使用scss编译器,所以我正在做的是将所有css组件导入到style.css中

@import "~@angular/material/prebuilt-themes/indigo-pink.css";
@import "~app/components/test/test.component.css";
Run Code Online (Sandbox Code Playgroud)

问题是我不知道如何修改预建主题的基色或为我的主题生成另一种基色的css.如果有人可以帮助我,我会非常感激!

css angular-material angular-material2 angular

1
推荐指数
1
解决办法
3993
查看次数

在悬停时显示容器div内的另一个div

我怎么能这样做:当光标通过容器div时,该容器内的另一个div具有其他属性,例如我有一个容器div,其中包含另一个div,背景图片的不透明度为0.2.我想制作子div,当光标通过容器时,可见100%,属性不透明度:1; 我怎样才能做到这一点?

这是一个例子,但不幸的是,只有当我将光标传递给子div时它才有效:

http://jsfiddle.net/Vqmaw/2129/

html css jquery html5 css3

0
推荐指数
1
解决办法
2571
查看次数

导航菜单设计

我想设计一个导航菜单,如:

  <ul id="menu">
        <li><a>link1</a>
        <ul class="subMenu">
            <li><a>sublink1</a></li>
            <li><a>sublink1</a></li>
        </ul>
        </li>
        <li><a>link2</a></li>
        <li><a>link3</a></li>
        <li><a>link4</a></li>
    </ul>
Run Code Online (Sandbox Code Playgroud)

但从如何最好是写你的代码的CSS点:与隐藏下拉列表position:absolute; left:-999em;和胡佛top:0; left:0;
display:none;display:block;上胡佛?

css css3

0
推荐指数
1
解决办法
77
查看次数