javascript - 更改selectInput和numericInput框的外观/形状

我正在尝试更改某些Shiny UI元素的外观，以使其与网站其余部分的美学风格更加一致。

具体来说，我正在寻找一种方法来删除selectInput框的圆形边缘，使其看起来像这样：



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



是否有捷径可寻？我对R很满意，但不知道大量的CSS或HTML。我曾考虑过将numericInput与actionButton元素一起用作加/减键，但是还没有弄清楚如何使它们看起来像上面的样子。

我可以结合使用任何样式属性或JavaScript库来实现这两件事吗？

最佳答案

正如ash所评论的那样，对于第一个问题，您可以通过将border-radius设置为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){})