我正尝试为react中的特定组件添加CSS文件，但该CSS文件适用于所有组件如何为特定组件添加style.css？
import React, { Component } from "react";
import { Link } from "gatsby";
import Layout from "../components/layout"
import Footer from "../components/Globals/Footer"
import "./crm2.css"
class Crm exten
浏览 0提问于2020-10-03得票数 1
我正在创建一个角库，用户可以通过ngClass或ngStyle将他们的自定义样式和类传递给库中的组件，代码片段如下所示：
@Component({
selector: 'app-button',
template: `<button [ngClass]="class" [ngStyle]="style"
(click)="pay()">Init App</button>`,
})
每当我试图构建库时，我的问题就会发生，我得到了错误：
出现了一个未处理的异常: projects/button
浏览 0提问于2019-10-29得票数 0
1回答
我正在使用
与文档中一样，样式的定义如下
Name Default Type Description
styles ComponentSlotStyle Additional CSS styles to apply to the component instance.
但是，在组件中，样式与style之间有什么不同。
<Flex styles={{ marginTop: 15 }}> </Flex>
<Flex style={{ marginTop: 15 }}> </Flex>
浏览 3提问于2022-01-20得票数 0
我是mvc的新手，我想知道如果用户do@html.TextBoxFor输入了错误的登录信息，我该如何更改背景颜色。我使用它非常简单。
@Html.TextBoxFor(m => m.Email，@Html.TextBoxFor {@class="caixa_login_email“})
如何为背景颜色添加新的值？
浏览 2提问于2011-09-20得票数 1
回答已采纳
我在访问自定义组件中的onChangeText时遇到了问题。下面是我的组件的代码： import React from 'react';
import {TextInput, StyleSheet} from 'react-native';
type Props=
{
style:any
}
const Input = (props:Props) =>
{
return <TextInput {...props} style = {{...styles.input, ...props.style}} blurOnSubmi
浏览 39提问于2021-01-21得票数 0
这可能是一个简单的问题，但我想知道正确的方法。我可以创建没有.ts文件的.css文件，并将此.css文件用于多个元件吗？
例如，我有3个组件，如果我只想对这3个组件使用通用css，我应该怎么做？
其他问题如果我想对它们使用通用的css文件，但如果我想让它们中的一个使用自己的css文件并另外使用通用的.css文件，这是可能的吗？
浏览 0提问于2019-06-11得票数 2
1回答
遵循指南并修改了我想要使用的Home页面以及_app.tsx。
该指南没有说明Layout.tsx应该是什么样子，它目前正在使用以下内容进行错误操作：
类型'{子类型: ReactElement<any，字符串\ JSXElementConstructor>；}‘不能分配到键入'IntrinsicAttributes & ReactNode’。类型'{子类: ReactElement<any，字符串\ JSXElementConstructor>；}‘类型’缺少以下属性:键、类型、道具(2322)
我是TS的新手，我不知道如何
浏览 1提问于2022-04-20得票数 2
回答已采纳
我正在尝试弄清楚如何为我的项目创建不同的主题。我已经样式化了一切，它的相当大的项目，现在我想添加一个不同的主题。
有没有一种方法可以创建2个不同的less文件，这些文件将以某种方式包含在style.less或其他任何文件中，并根据用户登录后从后端获得的内容，选择要显示的主题？或者其他任何方式，我在寻找想法..谢谢
浏览 0提问于2017-12-19得票数 1
3回答
在我的角度应用程序中，我有两个组件共有的样式。目前，我已将它们应用于各个组件的scss文件中。我有一个名为styles.scss的根scss文件
使样式通用的最佳实践是什么？
常见的风格有：
h2 {
margin-left: 15px;
}
form {
margin: 15px;
label {
display: block;
}
input, select, button {
display: block;
width: 250px;
margin-bottom: 15px;
}
small {
color: r
浏览 0提问于2020-08-07得票数 0
1回答
JSF：
...
xmlns:t="http://myfaces.apache.org/tomahawk">
<t:panelGrid columns="4">
...
</t:panelGrid>
它用tr和td的元素动态地生成普通的旧式超文本标记语言表格。
如何为这些tr和/或td元素设置特定的css样式？
浏览 3提问于2011-04-08得票数 3
回答已采纳
如何为material ui库中的选定组件设置边框颜色，在inspect元素下，如果我设置了属性，则它可以工作，但如何使用类覆盖来完成此操作。 ?
浏览 32提问于2020-01-29得票数 0
1回答
我在设置模板驱动的表单输入的值时遇到问题。该值来自editMovie对象。我希望表单在显示时使用editMovie值填充，然后用户可以编辑editMovie对象的一部分或保持不变。为没有附加[(ngModel)]的输入正确设置了表单值，但是附加了该值的输入不会设置默认值。下面是一个示例：
<div class="form-group">
<label for="imdb">Edit IMDb ID</label>
<input #editImdb type="text" class=
浏览 0提问于2018-03-07得票数 7
回答已采纳
现在，我正在为我的应用程序使用组件库。具体来说，我正在使用他们的Button组件，它的默认颜色是灰色。
如何为这些按钮设置自定义默认颜色，而不必每次传递样式道具？
我是否可以调用一个简单的函数/方法，或者是否需要创建一个自定义组件来包装它？我更喜欢前者。
浏览 0提问于2017-02-09得票数 8
回答已采纳
1回答
我正在使用MUI v5，并且有一个简单的FormControl，如下所示，我知道属性fullWidth是有效的，如中所述。
import React, { PropsWithChildren } from 'react'
import { Theme } from '@mui/material/styles'
import styled from '@mui/material/styles/styled'
import InputLabel from '@mui/material/InputLabel'
import MenuIt
浏览 0提问于2021-10-24得票数 1
1回答
在NavLink中改变组件的样式
、、、、
我正在制作一个导航条，使用React React中的NavLink。使用'isActive‘道具样式的活动链接，是可以的。但是，我怎样才能把它里面的子元素样式化。准确地说，请看这个..。
const Nav = [
{path : '/', icon : <NavIcon.Home />},
{path : '/service', icon : <NavIcon.Service />}
]
function someFunc(){
return (
Nav.map(({path, icon}) => (
<NavLi
浏览 10提问于2022-10-10得票数 0
如何为交替的行提供不同的背景颜色？我使用的是<af:panelGridLayout>。所有奇数行的背景应为灰色，偶数行的背景应为白色。任何帮助都是非常感谢的。
<af:panelGridLayout id="pgl7">
<af:gridRow marginTop="0px" height="auto" id="gr13">
<af:gridCell marginStart="0px" margi
浏览 5提问于2013-12-28得票数 0
我读到在react中使用refs完全是反模式的。所以我使用下面的函数来获取输入的值。我的子组件中有三个输入域: name、username和password。 为了获得它们的值，我这样做： handleChange = (e) => {
this.setState({
inputVal: e.target.value
})
} 但是我不想为所有三个字段编写三次相同的函数，那么如何为在一个函数handleChange中更改的特定输入字段执行此操作呢？
浏览 30提问于2020-09-12得票数 0
1回答
我试图实现的是使用angularJS中的多维数组创建自己的表单。到目前为止，我已经能够基于数组“组件”中的多个条目创建多个选择。然后，我想使用用于select标签的第一个数组的名称。
从那里开始，我希望第二个数组存储所有的计算机部件，并在select输入中提供选项。
以下是问题所在：
为什么没有正确地加载标头？(代码段1，第4行)
如何在第5行中写入ng-重复属性？
如何为多维数组编写表达式，以便在第五行中通过该类别中的组件？
这是数组，请注意数组的其余部分不存在，它将继续进行6-7个部件类型。
app.controller ('buildController
浏览 0提问于2017-10-24得票数 0
回答已采纳
1回答
开发环境
·反应
·打字本
·造型-部件
问题
打开从父组件传递到下面的子组件。
<RightNav open={open}/>
以下错误发生在子组件1上。如果有人能理解，请教我
import React from 'react'
import styled from 'styled-components';
const Ul = styled.ul<{open: boolean}>`
list-style: none;
display: flex;
flex-flow: row nowrap;
li {
浏览 3提问于2020-06-23得票数 0
回答已采纳
我有一个使用材料的React组件-UI称为'Profile'，使用自定义CSS创建这样的响应字体大小：
let theme = createMuiTheme();
theme = responsiveFontSizes(theme);
theme.typography.h1 = {
fontSize: '5.35rem',
'@media (min-width: 600px)':{
fontSize: '3.0rem',
},
'@media (max-width: 60
浏览 4提问于2020-10-07得票数 0
回答已采纳
1回答
我们如何为变量字符串定义类型树，其中前两个字节表示长度，然后是实际字符串，后面跟着长度的字符？
02ab，这里ab是字符串。
03 03abcghj。这里abc是字符串，其余部分是其他的。
浏览 4提问于2012-08-16得票数 0
回答已采纳
1回答
我有两个页面使用相同的搜索组件。我希望搜索组件看起来不同，这取决于它在哪个页面上。我目前有类.btn，我想在主页上使用，但是如果它在GetWordContainer页面上，我不知道如何切换到另一个类。有人知道最好的方法吗？
App.js的一部分，其中两个页面的路由都是
<Switch>
<Route exact path="/" render={ routeProps =>
<Home
{...routeProps} />}
/>
<Route exact path
浏览 0提问于2020-10-24得票数 0
回答已采纳
我在5页中有40个TextInput，需要更改输入文本颜色onfocus：‘白色’和onBlur:'gray‘我知道如何为多个输入设置单个input.But
<TextInput
clearTextOnFocus={true}
keyboardType="number-pad"
style={[this.state.isFocused?styles.inputOnFocus:styles.input]}
onChangeText={v=>handleInput('value',v)}
value={this.state.
浏览 14提问于2019-11-26得票数 1
回答已采纳
我看到有一种方法可以为React Native：创建主题(定制) NativeBase组件
但是我想要自定义一个特定组件的属性，它不是所提供的主题属性的一部分。如何为Tabs组件自定义选项卡标签的字体大小？
浏览 10提问于2016-07-27得票数 0
我在页面中有一个，我不想在输入文本旁边的日历图标。我怎样才能删除那个日历图标？
谢谢你，肖恩
浏览 0提问于2019-03-05得票数 2
回答已采纳
2回答
我想使用ant-tooltip-inner重写类。
使用普通的import './Tooltip.css'，一切都按预期工作。
// import './Tooltip.css'; // Overrides
const StyledLayout = styled.div`
// Doesn't Work
&.ant-tooltip-inner {
background-color: palevioletred !important;
color: white !important;
浏览 0提问于2019-05-08得票数 1
回答已采纳
1回答
我试着： <a v-for='(item, index) in categories' :key='index'>
<div class='slider-categories__slide' :style='{ background: item.background}'>
</div>
</a> 没有起作用。有可能吗？如果没有，如何为元素添加背景？(项目背景不同)
浏览 20提问于2021-08-10得票数 1
回答已采纳
是否有一种方法可以从Button组件中删除样式？我想删除/覆盖：
边界半径
垂影
当点击时，“圆圈向外辐射”的效果。
浏览 3提问于2017-05-30得票数 0
回答已采纳
在表单出错的情况下，我会更改输入的标签以及下面的文本颜色和边框颜色，就像dividerColor一样，但没有焦点，我希望它是持久的。
因此，我在那里为标签编写了以下代码：
md-input:not(.ng-valid) label { background-color: red !important; color:red !important; }
但是，当我运行项目时，我的css是这样修改的：
md-input[_ngcontent-fcu-13]:not(.ng-valid) label[_ngcontent-fcu-13] { background-color: red !importa
浏览 3提问于2016-10-03得票数 0
这个问题的目的是了解在引擎盖下发生了什么。每次我在makeStyles()中找到代码时，我都觉得我只是在做一个纯拷贝粘贴，而不知道在幕后发生了什么。因此，我想在这里张贴一个问题，以便有人可以帮助我。
我在许多反作用应用程序中都看到了下面的代码。当我们给makeStyles()打电话时，我很想知道发生了什么。因此，我跳过了它的定义，但我无法理解它是什么意思。有人能帮我理解如何阅读/理解它吗？
我在这里了解的是，我正在传递一个参数为theme的函数。在传递这个函数之后，我完全不知道发生了什么。如果有人也能帮我解决这个问题，我很感激。
// Calling makeStyles()
const us
浏览 0提问于2019-07-26得票数 14
我正在尝试创建一个以属性作为选择器的组件，如下所示：
@Component({
selector: '[my-attribute-selector]',
template: ``
})
export class MyComponent {
// Some cool stuff
}
然而，tslint对此表示不满，并发出以下信息：
[tslint] The selector of the component "MyComponent" should be used as element
我知道我可以禁用tslint规则，但是我想知道在这样做
浏览 0提问于2018-02-07得票数 10
回答已采纳
我认为使用样式组件可以做到这一点
使用第一个样式化组件Block作为另一个组件的基础，例如
export const BlockOne = styled.Block
import React, { Component } from 'react';
import { render } from 'react-dom';
import './style.css';
import styled from 'styled-components'
export const Block = styled.div`
width: 100
浏览 13提问于2021-05-28得票数 2
回答已采纳
我正在使用代码中的OpenXMLPowerTools HtmlConverterSetting类将Word文档(docx)解析为其类似的HtmlConverterSetting类。在Html生成的文档中，我立即注意到的是，一些位于Word文档页面中心的图像与html输出的左边对齐。
由于只关注我试图找到解决方案的代码部分，我有以下内容：
HtmlConverterSettings settings = new HtmlConverterSettings()
{
PageTitle = pageTitle,
FabricateCssClasses = true,
浏览 2提问于2014-05-22得票数 0
回答已采纳
我在用户控件中有一个RadMaskedTextBox，并将它在页面加载中的掩码更改为接受日期、货币、整数或字符串。
(例如：
txt.Mask= "###，###“；//为了钱
txt.Mask=“#/##/##”；//用于约会
)
对于除字符串之外的每一项，我都可以更改掩码，我不知道如何为字符串设置掩码(接受所有单词和数字)？
浏览 3提问于2013-10-26得票数 0
回答已采纳
我一直在寻找react-admin的样式指南，使用material-ui。但我找不到一个例子来说明如何为基于类的组件做这件事。 我希望有人分享他们的知识。 提前谢谢你。
浏览 14提问于2018-12-27得票数 1
我正在使用列表视图和表单视图来制作android应用程序，所以我需要自定义样式文件用于的窗体视图，有谁能建议我如何为窗体视图制作自定义样式文件或定制样式文件的示例()。
浏览 3提问于2014-04-14得票数 0
我只想在我的网格中指定一列的标题样式！我知道如何为特定网格的所有列配置标题样式。为此，有必要在"styles.scss“文件中添加以下内容：
示例：
#IdOfGrid .ag-header-cell-label {
justify-content: left;}
如何将此样式仅应用于一个列标题？
谢谢!
浏览 1提问于2019-09-23得票数 0
4回答
角5自定义CSS
、、、、
嘿，伙计们，如果我把样式添加到全局css中，那么我很难弄清楚如何为不同页面的元素添加自定义样式。例如，我在三个不同的页面上使用ui-carousel，我需要它们在每个页面上看起来都不一样，所以在本例中全局不适用于我，如果我在我的不可分割的css页面中放置一个div类，它可以很好地工作，因为我可以命名这个类。
<h3 style="margin-left: 20px;">Fotos</h3>
<p-carousel numVisible="4"
[value]="_photos">
浏览 1提问于2018-10-12得票数 0
回答已采纳
我知道如何使用常规的表单输入/选择/等，但是我已经从使用这些输入转换到Formik，上面的工作方式不一样。
<Formik
initialValues={{
example: ''
}}
validate={(values) => {
const errors = {};
if (!values.example) errors.example = 'Required';
return errors;
}}
onSubmit={this.handleSubmit}
render={formP
浏览 0提问于2019-07-19得票数 5
回答已采纳
我正在尝试将一个自定义CSS表与react虚拟化窗口滚动条结合起来。我目前可以让表格显示，但是我不知道如何将样式组合到表格中，或者向表格行添加任何逻辑。
<WindowScroller>
{({ height, isScrolling, onChildScroll, scrollTop }) => (
<Table
autoHeight
width={1000}
height={700}
headerHeight={20}
rowHeight={30}
浏览 16提问于2017-08-10得票数 0
回答已采纳
我创建了一个新的Aurelia插件，名为Aurelia-Slickgrid，并让它在本地使用.feature('resources')。然后，我为下一步做好了准备，将其作为插件提供给每个人，并创建了一个Github项目，并在此下提供了该项目。我使用来创建我的插件，还运行了gulp build来创建转置输出。然后，我在NPM上发布了它，并成功地用npm i --save aurelia-slickgrid安装了它。我目前正在使用Aurelia-CLI进行捆绑，一切都进行得很顺利，直到打开浏览器并看到控制台中抛出了一个错误(现在只剩下浏览器中的一个白色页面)：
Uncaught T
浏览 2提问于2017-01-08得票数 6
回答已采纳
2回答
Vaadin组件样式混淆
、、、
我试图访问元素的各个部分，这些元素必须经过阴影DOM。我一直在尝试这样做，就像下面的指南：
将此代码添加到我的共享-styes.html文件可以很好地工作：
vaadin-text-field {
border: 1px solid gray;
}
然后，为了访问元素的特定部分以样式，它显示如下所示：
#shadow-root (open)
<style>
:host {
border: 1px solid gray;
}
</style>
并且您可以访问特定的部分(在本例中为输入字段)，如下所示：
#shadow-root
浏览 1提问于2018-04-08得票数 3
回答已采纳
我想根据在ComponentWillMount中发生的事情来调整宽度。我在方法中硬编码了一个值，然后尝试在我的样式对象中使用这个变量。然而，我收到一个错误‘某事’是没有定义的。
class Alarm extends Component {
componentWillMount() {
// const batteryPercentage = 55;
console.log('check');
const something = 44;
}
}
我的样式对象看起来像这样
const styles = {
浏览 0提问于2018-05-23得票数 0
回答已采纳
1回答
设想情况：
<a href="#block-block-1">Book</a>
当我点击book，它将向下滚动到该块，url将是www.example.com/#块-块-1。有没有把网址改为有意义的东西，比如www.example.com/#book？
我尝试过来自如何为块指定有意义的标识名？的建议，但这并不是我真正想要的。
浏览 0提问于2015-05-21得票数 1
回答已采纳
1回答
我需要在我的Angular 4应用程序中构建一个使用material2的表单，并覆盖所选的主题(我已经导入了一个，深紫-琥珀，因为没有主题，一些组件无法正确加载)。我已经看到，我可以使用scss文件定义自己的主题，但我需要将原色覆盖为用户先前定义的颜色，并将其存储在本地存储中
所以我在我的组件中有这个：
export class MyFormComponent implements OnInit {
...
myPrimaryColor: string
...
ngOnInit(){
...
this.myPrimaryColo
浏览 0提问于2018-05-02得票数 0
我目前正在使用React构建一个Date Picker组件，您可以在其中设置日期范围。作为灵感和模型，我使用了airbnb react-dates package。现在，我设法构建了日期选择器的功能，但我真的不知道如何实现开始日期和结束日期之间的所有日期的颜色更改。因为在airbnb版本中，只要您设置开始日期，它就会自动将开始日期和鼠标光标之间的所有日期设置为另一种颜色。如果同时设置了开始日期和结束日期(请参阅附件以供参考)，也会出现此效果。 ? 这是我的代码，我也很高兴每一个改进的建议:) import React, { useState, useEffect } from
浏览 28提问于2020-04-19得票数 0
1回答
我试图在richfaces中更改字体和其他css类。
我的问题是如何访问像#{richSkin.generalFamilyFont}这样的皮肤参数？还是有其他方法来改变字体？
提前感谢
浏览 2提问于2012-08-01得票数 0
我怎么能对tooglebuttonbar上的按钮使用百分比宽度，因为我不想使用width属性。
浏览 15提问于2010-08-16得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
