Google Chrome中有效输入代码的默认边框颜色为黄色,如何禁用它?

我如何更改CSS中的颜色?
我正在尝试在Vaadin中进行内联编辑.我认为好的方式来实现,其造型文本字段,以使它们看起来像标签,并聚焦时,切换到文本字段的风格.
是否可以将文本字段设置为看起来像标签?如果可能的话我该怎么做?
我的html中有一个文本区域,这有圆角.但是当我在文本区域内单击时,它会在圆角边缘周围显示一个矩形.
下面是我的HTML.
<textarea placeholder="Enter Text Here..." id="usermsg" class="Textareausermsg" onclick="TextAreaToggle()" style="margin: 0px 0px 0px -50px; width: 490px; height: 41px;"></textarea>
Run Code Online (Sandbox Code Playgroud)
这是我的CSS
.Textareausermsg {
border-radius: 15px;
font-size: 15px;
text-align: left;
line-height: 34px;
}
Run Code Online (Sandbox Code Playgroud)
单击按钮时如何消除按钮周围的蓝色阴影?
我正在使用 Elm 和mdgriffith/elmui构建一个网络应用程序。
点击前按钮图片:
点击后:
榆木代码:
module Main exposing (main)
import Browser
import Element as E
import Element.Input as Ei
import Element.Border as Eb
main = E.layout [ E.padding 30 ] <|
Ei.button []
{ onPress = Nothing
, label = E.text "A button"
}
Run Code Online (Sandbox Code Playgroud)
如果可能的话,我不想使用任何 CSS。
编辑:
我不认为这是重复的,因为我的问题是关于如何使用 elm-ui 而不是 CSS 来做到这一点。
我有一个表,其中一个td表格有输入和提交按钮.我想完全删除输入框.可能吗?
http://jsfiddle.net/ajeozmwa/2/
我正在使用 React Native 和 TextInputs。当我点击它时,TextInput 周围有一个边框。当我点击关闭时,边框消失。这不会发生在 Android 上,但会发生在网络上。下面是一些图片。我怎样才能摆脱这个边界?
未点击时:

点击时:

浏览器:Chrome 84
操作系统:Windows 10
Expo 版本:3.26.1
React Native 版本:
4.12.0 Nodejs 版本:v12.18.3 Npm
版本:6.14.6
最小可重现示例:https : //snack.expo.io/@ketzoomer/dfbbdf
import * as React from 'react';
import { View, Text, TextInput } from 'react-native';
class Sign_Up extends React.Component {
constructor() {
super();
this.state = {
};
}
render() {
return (
<View>
<Text>
First Name:
<TextInput
style={{ paddingVertical: 0, borderBottomWidth: 1, marginLeft: 5 }}
value={this.state.firstName}
onChangeText={(firstName) => this.setState({ firstName: firstName })}
placeholder="First …Run Code Online (Sandbox Code Playgroud)