当前位置: 首页 > 知识库问答 >
问题:

将文件输入进度条颜色更改为R闪亮的渐变

祁远
2023-03-14

添加渐变颜色到我的文件输入进度条有麻烦。

现在,我可以使用这里提供的代码将进度条的颜色从普通的蓝色更改为其他颜色。fileInput中进度条的颜色--闪亮

ui <- fluidPage(

    tags$head(tags$style(".progress-bar{background-color:#3c763d;}")),

    fileInput(inputId = "fileInp", label = "Input file:",multiple = FALSE,
               accept = c(
                 "text/csv",
                 "text/comma-separated-values,text/plain",
                 ".csv"))

  )


  server <- function(input, output){


  }

  shinyApp(ui=ui, server=server)


##also tried replacing background color with code from https://www.w3schools.com/css/css3_gradients.asp but no luck :


  background-color: linear-gradient(to right, red , yellow);

但是,我想要的是有渐变就像这样https://imgur.com/XdFBUIt

共有2个答案

麹权
2023-03-14

要在CSS中设置渐变,属性是背景图像,而不是背景颜色。您还必须将背景大小设置为自动,否则它将设置为40px 40px,并且进度条将条带化。以下是CSS:

  tags$head(
    tags$style(
      ".progress-bar {
          background-image: linear-gradient(to right, red , yellow) !important;
          background-size: auto !important;
      }")
  )
邢高澹
2023-03-14

尝试从预定义的调色板创建颜色渐变:https://www.rdocumentation.org/packages/dichromat/versions/1.1/topics/colorRampPalette

 类似资料:
  • 我发现了如何在Shiny中更改用户界面的背景色。我发现的问题是,它还为我用显示的表的背景上色。这里我展示一个虚拟示例。 用户界面。R shinyUI(页面带有侧栏( 标题面板(“虚拟”), 侧栏面板(标签$hr()), 主面板( 服务器R ShinyServer(函数(输入,输出){输出$虚拟 我得到的是这个 我想得到的(我用GIMP重新创建了它)是 谢谢大家的帮助!

  • 我可以使用以下代码将颜色的轮廓颜色更改为纯色: 但是,我无法将其颜色更改为渐变,因为它只接受颜色作为输入。如何将其下划线颜色更改为颤振中的线性渐变?

  • 基本问题。 我有一个这样的输入表: 我用R写了这段代码: 输出是 我知道颜色没有正确设置,因为当我多次运行代码时,颜色会改变,所以我知道它是随机的(即使我试图在代码中设置它们)。在代码的哪个点,我设置颜色?我想要颜色:红色、橙色、绿色、蓝色、紫色、粉色等(尽量避免棕色、黑色、灰色等沉闷的颜色)。 谢谢

  • 我遇到过这个奇怪的问题,在开始时,字段的颜色更改为,就像在出现时一样。而且,这种情况并不是每次都发生,只是在某些情况下才会出现。如何修复此bug?任何帮助都很感激。请参阅图片更多。这是代码 以下是样式:

  • 问题内容: 我不知道这有可能吗? 但是我想更改光标闪烁的颜色…通常是黑色的.... 我正在做一个基于java-swing的项目,在那…要求之一就是更改光标闪烁的颜色。 … 这可能吗? 问题答案: “光标”用于指不闪烁的鼠标光标。 因此,我假设您正在谈论文本组件中使用的插入符号: 编辑: 以上建议针对一个文本字段执行此操作。要为所有文本字段更改它,您应该能够在程序开始时使用以下命令:

  • 问题内容: 我已经考虑了以下内容,所以现在我想知道您的意见,可能的解决方案等。 我正在寻找一种插件或技术来更改文本的颜色,或者根据其父​​级背景图像或-color覆盖像素的平均亮度在预定义的图像/图标之间切换。 如果背景覆盖的区域很暗,请将文本设置为白色或切换图标。 此外,如果脚本会注意到父级没有定义的background-color或-image,然后继续搜索最接近的值(从父元素到其父元素),那