在CSS文件中设置HTML表单的样式

在CSS文件中设置HTML表单的样式,html,css,forms,styles,Html,Css,Forms,Styles,上下文:我正在制作一个网页,用户在其中输入数据,如打开窗帘的时间,并使用我的Raspberry Pi 3和ESP8266以及电机,它将根据给定的时间打开窗帘,这不是问题。我有一个html文件和一个CSS文件,用于设置html的样式 所以问题是,“我如何从CSS文件中用HTML设置表单样式”,如果是,我如何设置特定表单而不是所有表单的样式。 开幕式时间: 给它一个类 CSS中的 .my_form { color: #f00; } HTML格式的 <form class="my_

上下文:我正在制作一个网页,用户在其中输入数据,如打开窗帘的时间,并使用我的Raspberry Pi 3和ESP8266以及电机,它将根据给定的时间打开窗帘,这不是问题。我有一个html文件和一个CSS文件,用于设置html的样式

所以问题是,“我如何从CSS文件中用HTML设置表单样式”,如果是,我如何设置特定表单而不是所有表单的样式。



开幕式时间:
给它一个类

CSS中的

.my_form
{
    color: #f00;
}
HTML格式的

<form class="my_form">

</form>


每个表单都可以有一个唯一的ID,在下面的示例中,我将其命名为窗帘。元素的样式仅受您的幻觉的限制。下面我举了几个例子

.text{
利润率:1米0;
颜色:红色;
}
输入[type=“text”]{
高度:2米;
字号:2em;
}
输入[type=“submit”]{
高度:2米;
边缘顶部:1米;
宽度:6em;
背景颜色:蓝色;
颜色:白色;
字号:1.5em;
边框:薄而实的浅蓝色;
边界半径:1米;
}

开幕式时间:


你应该遵循
HTML
CSS
教程,而不是在这里询问。。。是一个开始的好地方。我先去了w3schools.com,他们使用了其他方法,但这个stackoverflow线程中提供的答案是最简单和最容易理解的。感谢您的时间:)好的,非常感谢您的快速响应和解决方案。@ThePGT接受答案,如果它对您有效-给他们一些好的因果报应我试过了,但它说我必须等待7分钟,它说现在1分钟,所以我会在一分钟内完成。元素的样式仅受您的幻觉限制?那是什么意思?(虽然我没有投反对票)@Gerard,是的,我确实发现了这一点,但我希望通过单独进行定制,但非常感谢您的时间,我将+1这一次感谢您的时间,我真的非常感谢您@红色-我不在乎反对票。只是想帮点忙。这不是竞争。@Gerard我知道你不在乎落选。我只是想知道,元素的
样式只受你的幻觉的限制(意思是:)意味着你可以做任何你能想到的东西。