CSS:类中输入标记的大小属性_Css_Html Input

CSS:类中输入标记的大小属性

css

CSS:类中输入标记的大小属性,css,html-input,Css,Html Input,我有以下代码： <!doctype html> <html> <head> <title>Rich Home</title> <meta charset="utf-8"> <style> body { background-color: Black; color: White; } h1 {text-align: center} .st{ color: Green; ba

我有以下代码：

<!doctype html>
<html>
<head>
  <title>Rich Home</title>  
  <meta charset="utf-8"> 
  <style>
    body { background-color: Black; color: White; }
    h1 {text-align: center}
    .st{ color: Green; background-color: Yellow; size: "80"; type:"text" }
  </style>    
</head>

<body>
  <h1>Rich's Home Page</h1>
  <form action="https://google.com/search" method="get">
    Google: <input class=st name="q" autofocus>
    <input type="submit" value="=>">
  </form>
  <form action="https://duckduckgo.com" method="get">
    Duck: <input class=st name="q">
    <input type="submit" value="=>">
  </form>  
</body>
</html>

CSS中没有“size”属性。它是标记属性。如果要使用CSS指定元素的宽度或高度，请使用：

.st {
    width: 80px;
}

而且不能使用CSS设置元素类型。改为设置属性：

<input class=st name="q" type="text" autofocus>

还可以使用属性指定宽度：

<input class=st name="q" type="text" width="50" autofocus>

CSS中没有“size”属性。它是标记属性。如果要使用CSS指定元素的宽度或高度，请使用：

.st {
    width: 80px;
}

而且不能使用CSS设置元素类型。改为设置属性：

<input class=st name="q" type="text" autofocus>

还可以使用属性指定宽度：

<input class=st name="q" type="text" width="50" autofocus>

CSS中不存在属性“size”，您必须指定

.st{颜色：绿色；背景色：黄色；宽度：80px；键入：“text”}

应该有效。

CSS中不存在属性“size”，您必须指定

.st{颜色：绿色；背景色：黄色；宽度：80px；键入：“text”}

应该可以工作。

选中此选项，您可以简单地为其他文本类型定义类，如“input[type=“number”]”

input[type=“text”]{
显示：块；
保证金：0；
宽度：60%；
字体系列：无衬线；
字体大小：25px；
外观：无；
盒影：无；
边界半径：5px；
}
输入[type=“text”]：焦点{
大纲：无；
}

选中此选项，您可以简单地为其他文本类型定义类，如“input[type=“number”]”

input[type=“text”]{
显示：块；
保证金：0；
宽度：60%；
字体系列：无衬线；
字体大小：25px；
外观：无；
盒影：无；
边界半径：5px；
}
输入[type=“text”]：焦点{
大纲：无；
}

您需要在值之后指定px-目前它达到了

，并且像“很棒-80什么？”那样，所以它对it@ThisGuyHasTwoThumbs我尝试将大小更改为“400px”，但没有效果。尝试使用宽度-然后-大小在css中很少使用-更多的是html属性。@RichOliver Change

“600px”

简单地

600px

（没有引号）。@hiddenhobes就是这么做的。在我发布问题和大小之前，我已经尝试了宽度，包括带引号和不带引号的宽度，但不包括不带引号的宽度。您需要在值之后指定px-目前它达到

，就像“great-80 what？”一样，所以它对it@ThisGuyHasTwoThumbs我试过把尺寸改成“400px”，但是它没有效果。尝试使用宽度然后-大小在css中很少使用-更多的是一个html属性。@RichOliver将

“600px”

更改为

600px

（没有引号）。@hiddenhobes这样做了。在我发表这个问题之前，我试过宽度，大小有引号和没有引号，但宽度没有引号。。但它确实存在，不是真实的大小存在，但不是标准的，因为它几乎不起作用。。但它确实存在，不是真实的大小存在，但不是标准的，因为它几乎不起作用。。但它确实存在。它是标准的，它是存在的。正如您在我的示例中所看到的，顺便说一句，但如何将样式与结构分离完全取决于您。我建议不要用“宽度”作为属性。。您的第一行说“CSS中没有'size'属性。”…不是真的-大小存在，但不是标准的，因为它几乎不起作用。。但它确实存在。它是标准的，它是存在的。正如您在我的示例中所看到的，顺便说一句，但如何将样式与结构分离完全取决于您。我建议不要用“宽度”作为属性。。您的第一行说“CSS中没有'size'属性。”。。。