Javascript 更改selectInput和NumericiInput框的外观/形状_Javascript_Html_Css_R_Shiny

Javascript 更改selectInput和NumericiInput框的外观/形状

javascript html css r shiny

Javascript 更改selectInput和NumericiInput框的外观/形状,javascript,html,css,r,shiny,Javascript,Html,Css,R,Shiny,我正试图改变一些闪亮的UI元素的外观，使它们更符合网站其余部分的美学具体来说，我正在寻找一种方法来删除selectInput框的圆形边缘，使其看起来像这样：其次，我希望制作一个类似以下内容的numericInput框：有没有一个简单的方法可以做到这一点？我对R很熟悉，但不知道大量的css或html。我曾想过在numericInput的两侧加上actionButton元素作为加减键，但还没有弄清楚如何使它们看起来像上面的那样是否有任何样式属性或javascript库可以合并以实现这两项

我正试图改变一些闪亮的UI元素的外观，使它们更符合网站其余部分的美学

具体来说，我正在寻找一种方法来删除

selectInput

框的圆形边缘，使其看起来像这样：

其次，我希望制作一个类似以下内容的

numericInput

框：

有没有一个简单的方法可以做到这一点？我对R很熟悉，但不知道大量的css或html。我曾想过在

numericInput

的两侧加上

actionButton

元素作为加减键，但还没有弄清楚如何使它们看起来像上面的那样

是否有任何样式属性或javascript库可以合并以实现这两项功能？

正如ash所评论的，对于第一个问题，您可以通过将

边框半径设置为0px
来消除舍入：
shinyApp(
  ui=fluidPage(
    tags$head(
      tags$style(".selectize-input {border-radius:0px}"),
      tags$style(".selectize-input.dropdown-active {border-radius:0px}"),
      tags$style(".selectize-dropdown {border-radius:0px}")),
    selectInput("select", "Select", 1:3)),
  server=function(input, output){})

我真的不能做任何事。圆角几乎可以肯定是css边框半径
，在样式中将其设置为0，或者添加一个带有边框半径：0的css类可以解决这个问题。这实际上是两个问题。第一个已经有了答案。请在不同的帖子里问这两个问题。太棒了！非常感谢much@ash和@HubertL。这非常有效：我已经使用selectize输入调整了字体大小，但没有意识到还有边框半径选项。我想可能有一种简单的方法可以做到这一点，而我问题的第二部分可能更棘手/不可行。@HubertL你知道如何以这种方式处理shinyWidgets库中的pickerInput吗？