styles 相关问题

不要使用此标签。此标记目前没有单一的，明确定义的含义。它通常用于代替[css]或与[css]结合使用。它还用于有关用户界面外观和源代码格式问题的问题。

我已经更新了 React 项目上的软件包版本，并且样式现在未加载。在代码中我使用这样的样式：从“../WrappersCommon.scss”导入样式； ... 我已经更新了 React 项目上的软件包版本，并且样式现在未加载。在代码中我使用这样的样式： import styles from "../WrappersCommon.scss"; ... <div className={styles["main-layout"]}> 在 webpack 配置中我有 test: /.(scss)$/, use: [ { loader: "css-loader", options: { modules: { localIdentName: "[path][name]__[local]--[hash:base64:5]", }, }, }, { loader: "postcss-loader", options: { postcssOptions: { plugins: [postcssPresetEnv()], }, }, }, "sass-loader", ], 终端中没有错误，我在应用程序中没有看到任何样式，它们甚至没有加载到浏览器中：请帮忙，样式有什么问题吗？你可以尝试使用这样的样式 <div className={styles.main_layout}> 而不是 <div className={styles["main-layout"]}> 请注意，我还将类名中的“-”替换为“_”。也在您的 scss 文件中更改它，然后再次检查。我希望它能解决问题，如果不能，我可以寻找其他解决方案。

reactjs webpack styles

回答 1 投票 0

是否可以使用CSS仅用这张图片制作动画效果？

我想使用“皮卡丘”运行的图像，而不必创建gif（因为它更重），并且我想使用他在css中运行的效果。我该如何使用这个鳕鱼...

html animation styles css-transitions

回答 1 投票 0

如何在 React Native 中设置默认深色文本颜色而不修改 AppTheme 或创建文本包装器

在我的 React Native 项目中，对于 Android，我想为所有文本组件设置默认的深色/浅色文本颜色。以下是限制条件：我不想修改 android/app/src/main/res/sty...

android react-native colors styles themes

回答 1 投票 0

我想知道Elm中元素的html属性

我想知道Elm中某个元素的html属性，例如她的坐标。我正在尝试使用 Json.Decode。我是 Elm 的新手，这是出于学习目的。这是一个简单的代码，...

html styles elm

回答 2 投票 0

定位 style.xaml 资源时出现问题

我在查找 style.xaml 资源时遇到问题，该资源包含按钮、文本框和其他元素的样式。该资源采用字典 XAML 的形式，位于...

c# wpf user-controls styles

回答 1 投票 0

Material-UI v5 菜单组件样式未应用

我在 Material-UI v5 中设置菜单组件样式时遇到问题。我有这个用户界面：我在 Material-UI v5 中设置菜单组件样式时遇到问题。我有这个用户界面： <Menu defaultValue={undefined} id="simple-menu" open={openMenu} onClose={onCloseHandler} anchorEl={anchorEl} MenuListProps={{ onMouseLeave: onCloseHandler }} elevation={0} sx={{ color: "white", backgroundColor: "blue" }} > 当我使用此代码时，所有 UI 都会变成蓝色：之后我尝试将全局样式覆盖应用到菜单的纸张上，但没有任何反应。风格没有改变： components: { MuiMenu: { styleOverrides: { paper: { backgroundColor: arcBlue, color: arcBlue, borderRadius: "0px", }, }, } } 请大家帮忙直接在 sx 组件上传递 Menu 会将样式应用于组件的根（这就是导致样式修改应用于覆盖毯的原因）。在您的情况下，由于您尝试仅设置菜单的 MUI 列表部分的样式，因此您希望使用 sx 属性将 MenuListProps 属性直接传递到 underlying 列表组件。例如： <Menu id="basic-menu" anchorEl={anchorEl} open={open} onClose={handleClose} MenuListProps={{ sx: { backgroundColor: "blue" } }} > 产生：工作 CodeSandbox：https://codesandbox.io/s/twilight-glitter-cj83rc?file=/demo.tsx:758-951 我正在 Udemy 上做同样的课程，并且我找到了另一种方法来使用父菜单组件 sx-prop 来定位您正在设计样式的嵌套组件，而不是像第一个答案中那样使用 MenuListProp 属性的嵌套 sx-prop 。在弄清楚这个之前，我确实使用了第一个答案：文档中的示例可以在标题为“覆盖嵌套组件样式”的部分中找到链接：https://mui.com/material-ui/customization/how-to-customize/#the-sx-prop 这是我的代码中的样子：这是样式化的纸张在浏览器中的样子：

reactjs material-ui styles

回答 2 投票 0

使用hostinger在wordpress上升级CSS时出现问题

基本上我正在做我的第一个互联网作品集。我正在使用 Hostinger 和 wordpress.com。我想创建自己的主题，所以我在 wpcontet/themes 中创建一个名为 mytheme 的文件夹并放入我的猪圈...

php css wordpress styles

回答 1 投票 0

如何在 Flutter 移动应用程序的 style.xml 中存储的样式之间动态更改

这是我的 styles.xml 文件： <p>这是我的 styles.xml 文件：</p> <pre><code><resources>  <style name="LaunchTheme" parent="@android:style/Theme.Light.NoTitleBar">  <item name="android:windowBackground">@drawable/launch_background</item> <item name="android:forceDarkAllowed">false</item> <item name="android:windowFullscreen">false</item> <item name="android:windowDrawsSystemBarBackgrounds">false</item> <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item> </style>  <style name="NormalTheme" parent="Theme.MaterialComponents"> <item name="android:windowBackground">?android:colorBackground</item> </style> </resources> </code></pre> <p>如何在运行应用程序时在它们之间进行更改？ “启动主题”仅用于初始化应用程序，“正常主题”用于其余部分。</p> <p>我发现了一个叫做toggleTheme()的东西，但它对我不起作用</p> </question> <answer tick="false" vote="0"> <p>您想在浅色模式和深色模式等主题之间切换吗？如果是，请这样做：</p> <p>主题配置.dart：</p> <pre><code>import 'package:flutter/material.dart'; import 'package:flutter_clock/utils/my_colors.dart'; ThemeData lightTheme = ThemeData.light().copyWith( tabBarTheme: TabBarTheme( indicator: const UnderlineTabIndicator( borderSide: BorderSide(color: MyColors.lightRed, width: 4.0), ), labelColor: Colors.black, unselectedLabelColor: Colors.grey.shade400, unselectedLabelStyle: TextStyle(color: Colors.grey.shade400, fontSize: 10), dividerColor: Colors.transparent, indicatorSize: TabBarIndicatorSize.label, labelStyle: const TextStyle( fontSize: 12, letterSpacing: 1.3, fontWeight: FontWeight.w500), ), primaryColor: const Color(0xFFfafafa), scaffoldBackgroundColor: MyColors.white, floatingActionButtonTheme: const FloatingActionButtonThemeData( backgroundColor: Color(0xFF2b2119), ), ); ThemeData darkTheme = ThemeData.dark().copyWith( tabBarTheme: TabBarTheme( indicator: const UnderlineTabIndicator( borderSide: BorderSide(color: MyColors.lightRed, width: 4.0), ), labelColor: Colors.white, unselectedLabelColor: Colors.grey.shade800, unselectedLabelStyle: TextStyle(color: Colors.grey.shade800, fontSize: 10), dividerColor: Colors.transparent, indicatorSize: TabBarIndicatorSize.label, labelStyle: const TextStyle( fontSize: 12, letterSpacing: 1.3, fontWeight: FontWeight.w500), ), scaffoldBackgroundColor: MyColors.backgroundColor, iconTheme: const IconThemeData(color: Colors.black), primaryColor: Colors.amber); </code></pre> <p>ThemeData darkTheme = ThemeData.dark().copyWith( tabBarTheme: TabBarTheme( 指示器：const UnderlineTabIndicator( borderSide：BorderSide（颜色：MyColors.lightRed，宽度：4.0）， ), labelColor：颜色.白色，未选择的LabelColor：Colors.grey.shade800，未选择的标签样式： TextStyle(颜色: Colors.grey.shade800, 字体大小: 10), 分隔线颜色：Colors.transparent， IndicatorSize：TabBarIndicatorSize.label， labelStyle: const TextStyle( 字体大小：12，字母间距：1.3，字体粗细：FontWeight.w500）， ), 脚手架背景颜色：MyColors.backgroundColor， iconTheme: const IconThemeData(颜色: Colors.black), PrimaryColor：颜色.琥珀色）；</p> <p>ThemeData 万圣节主题 = ThemeData.dark().copyWith( tabBarTheme: TabBarTheme( 指示器：const UnderlineTabIndicator( borderSide：BorderSide（颜色：Colors.purple，宽度：4.0）， ), labelColor：颜色.白色，未选择的LabelColor：Colors.grey.shade800，未选择的标签样式： TextStyle(颜色: Colors.grey.shade800, 字体大小: 10), 分隔线颜色：Colors.transparent， IndicatorSize：TabBarIndicatorSize.label， labelStyle: const TextStyle( 字体大小：12，字母间距：1.3，字体粗细：FontWeight.w500）， ), 脚手架背景颜色：MyColors.backgroundColor， iconTheme: const IconThemeData(颜色: Colors.black), PrimaryColor：颜色.琥珀色）；</p> <p>然后，在主文件中添加以下内容：</p> <p>main.dart：</p> <pre><code>import 'theme_config.dart'; class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: darkTheme. home: const MyHomePage(title: 'Flutter Demo Home Page'), ); } } </code></pre> <p>或者</p> <p>如果您只想要浅色或深色主题，请调用此方法：</p> <pre><code>class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData.dark(), home: const MyHomePage(title: 'Flutter Demo Home Page'), ); } } </code></pre> <p>注意：我有时用<pre><code>MyColors.</code></pre>，你应该用<pre><code>Colors.</code></pre></p> </answer> </body></html>

flutter styles themes

回答 0 投票 0

更改 Press 事件 React Native 的样式

我在使用onPress事件更改样式时遇到问题，最初我的宽度= 75和高度（宽度和高度的默认值），但是当我使用onPress时我想触发该方法（方法...

react-native styles

回答 4 投票 0

Wordpress 上的按钮对齐

我有一个 WordPress WooCommerce 网站，即使上面的文本有所不同，我也需要将按钮对齐在相同的高度上我的网站的链接 https://24.sahaap.com/ 我尝试通过CSS代码修复它但是...

css wordpress woocommerce styles content-management-system

回答 1 投票 0

工作区右键菜单的一级和二级菜单的类名是什么？

我想自定义vscode的样式，使用apc扩展。现在我想知道右键菜单的类名。原因：我知道可以通过workbench中的menu.background来设置。