Question

我正在尝试使用className将border-radius：5px添加到React-datetime组件但不起作用。

E.g：

  import ReactDateTime from ‘react-datetime’;

<ReactDateTime className=‘datetime’ />

 .datetime{
 border-radius: 5px;
 }

我知道react-datetime模块提供了单独的css样式。但我担心的是，当我使用className时它不接受。

Answer 1

尝试使用带有className的inputProps，如下所示。它应该工作。

Set avgCol = Sheets(modelName).Range("M:M")
Set colZFrom = Sheets(modelName).Range("G:G")
Set colZTo = Sheets(modelName).Range("H:H")
Set colTime = Sheets(modelName).Range("V:V")
Set colVType = Sheets(modelName).Range("U:U")

criVType = "OGV"
criAM = "AM"

Range("A1:A676").Formula = "=roundup(row()/26,0)"
Range("B1:B676").Formula = "=if(mod(row(),26)=0,26,mod(row(),26))"

Dim x as Long
Dim t as Variant

For x = 1 To 676
    Set criZFrom = Sheets(wsName).Range("A" & x)
    Set criZTo = Sheets(wsName).Range("B" & x)
    Set Rng = Sheets(wsName).Range("C" & x)

    t = Application.WorksheetFunction.AverageIfs(avgCol, colZFrom, criZFrom.Value, colZTo, criZTo.Value, colTime, criAM, colVType, criVType)
    t = CDbl(t / 3)
    Rng.Value = t
Next x

Answer 2

您是否尝试添加!important之类的内容：

.datetime{
    border-radius: 5px !important;
}

如果它不起作用，则可能是覆盖问题。

你可能会在这里查看： https://github.com/YouCanBookMe/react-datetime/blob/master/example/react-datetime.css

如果它没有工作，我们可以看到你的配置吗？我们需要查看完整的组件和css样式表

无法使用className将Css样式应用于React-datetime

2 个答案: