Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何在悬停时仅增加文本框内文本的字体大小_Jquery_Html_Css - Fatal编程技术网

Jquery 如何在悬停时仅增加文本框内文本的字体大小

Jquery 如何在悬停时仅增加文本框内文本的字体大小,jquery,html,css,Jquery,Html,Css,在我的例子中,我有文本字段。在鼠标悬停时,我想突出显示文本(或增加“仅文本而非文本”框的字体大小) 我试过的是,但这是增加文本框也随着文本。我知道我做了什么,但我不知道怎么做。我只想增加文本大小,而不是文本字段,请帮助我 先谢谢你 我的代码 .chandru{ 字体大小:0.5em; 位置:绝对位置; } 钱德鲁:悬停{ 字号:2.5em; } 通过固定输入字段的大小。只有字体大小改变 .myinput{ 宽度:200px; 高度:20px; 字体大小:10px; } .myinput:悬停

在我的例子中,我有文本字段。在鼠标悬停时,我想突出显示文本(或增加“仅文本而非文本”框的字体大小)

我试过的是,但这是增加文本框也随着文本。我知道我做了什么,但我不知道怎么做。我只想增加文本大小,而不是文本字段,请帮助我

先谢谢你

我的代码

.chandru{
字体大小:0.5em;
位置:绝对位置;
}
钱德鲁:悬停{
字号:2.5em;
}

通过固定输入字段的大小。只有
字体大小
改变

.myinput{
宽度:200px;
高度:20px;
字体大小:10px;
}
.myinput:悬停{
字体大小:15px;
}

通过固定输入字段的大小。只有
字体大小
改变

.myinput{
宽度:200px;
高度:20px;
字体大小:10px;
}
.myinput:悬停{
字体大小:15px;
}

你可以这样做,它看起来不是最好的,但它是你要求的

.chandru{
字体大小:0.5em;
位置:绝对位置;
高度:10px;
宽度:100px;
}
钱德鲁:悬停{
字号:1.5em;
高度:10px
宽度:100px
}

你可以这样做,它看起来不是最好的,但它是你要求的

.chandru{
字体大小:0.5em;
位置:绝对位置;
高度:10px;
宽度:100px;
}
钱德鲁:悬停{
字号:1.5em;
高度:10px
宽度:100px
}

不增加字体大小,为什么不这样更改文本框的边框颜色?您还可以突出显示特定的文本字段,或者同时使用这两种方法

.chandru{
边框:1px实心#888;
过渡:边界0.8秒缓解;
填充:6px 10px;
}
钱德鲁:悬停{
边框:1px纯蓝色;
}
钱德鲁先生1{
边框:1px实心#888;
过渡:边界0.8秒缓解;
高度:50px;
宽度:200px;
字体大小:14px;
}
.chandru1:悬停{
字体大小:16px;
边框:1px纯蓝色;
}





除了增加字体大小,为什么不通过这种方式更改文本框的边框颜色,您还可以突出显示特定的文本字段或同时使用这两种方式

.chandru{
边框:1px实心#888;
过渡:边界0.8秒缓解;
填充:6px 10px;
}
钱德鲁:悬停{
边框:1px纯蓝色;
}
钱德鲁先生1{
边框:1px实心#888;
过渡:边界0.8秒缓解;
高度:50px;
宽度:200px;
字体大小:14px;
}
.chandru1:悬停{
字体大小:16px;
边框:1px纯蓝色;
}





您必须固定输入元素的高度和宽度,以便只增加字体大小

.chandru{
字体大小:0.5em;
位置:绝对位置;
高度:20px;
宽度:200px;
过渡:所有200ms的缓进缓出;
}
钱德鲁:悬停{
字号:2.5em;
}

您必须固定输入元素的高度和宽度,以便只增加字体大小

.chandru{
字体大小:0.5em;
位置:绝对位置;
高度:20px;
宽度:200px;
过渡:所有200ms的缓进缓出;
}
钱德鲁:悬停{
字号:2.5em;
}

所以您希望文本重叠在固定字段大小之上?好的,仅在文本字段悬停时这样做。您需要使用值吗?或者您可以使用占位符例如?所以您希望文本重叠在固定字段大小之上?好的,仅在文本字段悬停时这样做。您需要使用值吗?或者您可以使用placehold例如,呃?但是这里如果你给字体大小更多,它会因为文本字段的高度和宽度而隐藏。但是你说你不想让文本字段变大,这正是你想要的-或者你可以从一个更大的文本框开始。但是如果你给字体大小更多,它会因为文本字段的高度和宽度而隐藏。但是你你说你不希望文本字段变大这正是你所要求的-或者你可以从一个更大的文本框开始,在你的代码中看到它不会出现在文本字段之外,它是隐藏的。我想要它应该出现在文本字段之外。在你的代码中看到它不会出现在文本字段之外,它是隐藏的。我想要它应该是什么在文本字段旁边显示