SAPUI5 - 输入边框/框架答案

【问题标题】：SAPUI5 - Input border/frameSAPUI5 - 输入边框/框架
【发布时间】：2018-06-13 13:24:51
【问题描述】：

我想摆脱 SAPUI5 框架中 Input 周围的框架。我想提升一个输入字段，但输入字段周围的框架使它不像预期的那样。

我已经尝试过使用CSS 像这样：

.cityInput{
    border-bottom-color: #FFFFFF;
    color: #FFFFFF;
    background: none;
    min-height: 27px;
    border: none;
    outline: none;
    box-shadow: 5px 5px 7px #808888;
}

我想去掉围绕输入字段的两条黄线。

谢谢。

【问题讨论】：

也许border:none; ?
其实，border:none 已经存在了。
哦，对了，没看到，我想这可能是一个默认边距，如果你可以包含标记会更容易知道它是什么
如果您使用 chrome 调试器并检查元素，您可能会发现您的 css 文件不是应用的最后一个 css 规则。您是否检查过此特定元素从何处应用了哪些样式？

标签： css sapui5

【解决方案1】：

我假设您想摆脱输入框周围的默认（银色/灰色）边框。如果是这种情况，那么我建议使边框颜色与背景颜色相同。在输入类上直接设置border=none是不行的。

.cityInput .sapMInputBaseInner {
      border: 1px solid #fdf6b1;
}

【讨论】：