小编Kon*_*nk1的帖子

MaterialUI TextField :更改背景颜色无法正常工作

我正在尝试为TextField我正在处理的应用程序中的组件设置背景颜色,但是似乎当我style={{background: "rgb(232, 241, 250)"}}使用自定义 RGB 值添加到该组件时,它会将它们显示在默认的灰色背景颜色之上。

背景颜色应该与上述组件中的浅蓝色相同: 问题截图

  1. 我试图通过style向它添加属性来解决它

  2. 此外,通过添加makeStyles()到组件并通过className

在这两种情况下,我都得到了如上面截图所示的输出。

  1. 我能够通过将variant=filled其删除或设置为standard或来获得正确的背景颜色outlined,但随后文本周围的填充将被删除。

我真的不明白这是什么问题以及如何实际解决?

import React from "react";
import {TextField} from "@material-ui/core";

import { makeStyles } from '@material-ui/core/styles';

const useStyles = makeStyles((theme) => ({
     root: {
         background: 'rgb(232, 241, 250)'
      },
}));

export interface InquiryContentInputProps {
   content: string;
   onChange: (content: string) => void;
}

export function InquiryContentInput(props: InquiryContentInputProps) {
   const classes = useStyles();

   return (
       <TextField
          variant="filled" …
Run Code Online (Sandbox Code Playgroud)

css styling reactjs material-ui css-in-js

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

TailwindCSS:是否可以删除打印时的框阴影?

我有一个div看起来像这样的课程className={`${cardSelected && 'shadow-factors'} bg-white rounded-md cursor-pointer`}

现在我正在设置页面的打印版本,我想知道是否可以使用 TailwindCSS 工具集以某种方式删除打印版本的阴影因素/框阴影?

css styling reactjs tailwind-css

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

Javascript 数组:执行排序然后映射的 Big O 是什么?

arr.sort((a, b) => a - b).map(num => num ** 2);
Run Code Online (Sandbox Code Playgroud)

以下操作的 Big O 是什么?

据我了解,sortJS中嵌入函数的Big O是O(Nlog(N)),并且Big OmapO(N),因此Big O是O(Nlog(N))

javascript sorting performance big-o time-complexity

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