css - react native : Adding borderColor creates subtle box shadow

标签 css reactjs react-native

我正在开发 React Native 应用程序,并且有一个如下所示的配置文件组件:

enter image description here

容器有 backgroundColor: '#fff',铅笔图标有 borderColor: '#fff'

但是,如您所见,铅笔边框上的白色与背景颜色不匹配,并且铅笔边框周围有细微的伪影。

有谁知道如何使铅笔图标的边框与背景颜色完全匹配?任何建议都会有所帮助!

最佳答案

此别名是由于 backgroundColor: #444 存在于具有 borderColor: '#fff' 的元素上。删除该背景颜色会使边框颜色变成完美的白色。

关于css - react native : Adding borderColor creates subtle box shadow,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58784696/

相关文章:

html - 具有 nth-child 的 CSS 类的动态名称

php - 根据可用字体更改字体大小

css - 将 div 固定在居中的 div 旁边

node.js - 如何使用 Node 将 ReactJS 组件渲染为 HTML 字符串?

android - React Native v Xamarin Forms - 选择跨平台应用程序环境

javascript - 如何在 native react 中获取 json 数据中的数组值?

javascript - 将 jsx 组件存储在 react-native 的变量中

javascript - 动态移动 div 中的元素以适合的数学

reactjs - react : is accessing the state of children an anti-pattern?

javascript - 如何在 React JS 中有条件地渲染错误?