修改input输入框的样式

要修改input输入框的样式，可以使用CSS。以下是一个简单的示例：

HTML代码：

<input type="text" placeholder="输入文本">

CSS代码：

input[type="text"] {
  border: 2px solid #ccc;
  padding: 10px;
  font-size: 16px;
  border-radius: 5px;
  outline: none;
}

input[type="text"]:focus {
  border-color: #4CAF50;
}

这个示例会给文本输入框添加一个灰色的边框、内边距、字体大小和圆角边框。当用户聚焦在输入框上时，边框的颜色会变成绿色。你可以根据自己的需求更改这些样式属性。

相关问题

uniapp中修改input输入框placeholder样式

在`uniapp`中，可以使用以下方式来修改`input`输入框的`placeholder`样式：

<template>
  <view>
    <input class="my-input" type="text" placeholder="请输入内容" />
  </view>
</template>

<style>
.my-input::placeholder {
  color: #999;
  font-size: 14px;
}
</style>

在上面的代码中，通过给`input`元素添加自定义的类名`my-input`，然后在样式中使用该类名来定义`placeholder`的样式。在样式中，通过`::placeholder`选择器来指定`placeholder`的样式，这里我们修改了`color`和`font-size`属性。

你可以根据自己的需求来修改样式。

css中，怎么修改input输入框的placeholder的样式

可以使用以下代码来修改input输入框的placeholder样式：

input::-webkit-input-placeholder {
   /* WebKit browsers */
   color: #999;
   font-style: italic;
}

input:-moz-placeholder {
   /* Mozilla Firefox 4 to 18 */
   color: #999;
   font-style: italic;
}

input::-moz-placeholder {
   /* Mozilla Firefox 19+ */
   color: #999;
   font-style: italic;
}

input:-ms-input-placeholder {
   /* Internet Explorer 10+ */
   color: #999;
   font-style: italic;
}

在上述代码中，`input`选择器表示需要修改的元素是输入框，`::-webkit-input-placeholder`、`:-moz-placeholder`、`::-moz-placeholder`、`:-ms-input-placeholder`分别表示不同浏览器下的placeholder样式。可以根据需要修改不同浏览器下的样式。