如何在Tailwindcss中悬停时增加文本输入宽度(带有过渡)
在Tailwind CSS中，要在悬停时增加文本输入框的宽度并添加过渡效果，可以使用以下步骤：
- 首先，确保你已经安装并配置了Tailwind CSS。可以通过在HTML文件中引入Tailwind CSS的CDN链接或使用npm安装并导入Tailwind CSS来实现。
- 在HTML文件中，找到你想要添加悬停效果的文本输入框，并为其添加一个适当的类名，例如
input。 - 在CSS文件中，使用
@apply指令将Tailwind CSS的类与自定义样式结合起来。首先，定义一个自定义类，例如hover:input-wider，用于在悬停时增加输入框的宽度。然后，使用@apply指令将Tailwind CSS的类和自定义类应用于输入框。 - 在CSS文件中，使用
@apply指令将Tailwind CSS的类与自定义样式结合起来。首先，定义一个自定义类，例如hover:input-wider，用于在悬停时增加输入框的宽度。然后，使用@apply指令将Tailwind CSS的类和自定义类应用于输入框。 - 在HTML文件中，将添加了自定义类的输入框应用到相应的元素上。
- 在HTML文件中，将添加了自定义类的输入框应用到相应的元素上。
这样，在悬停时，输入框的宽度将从默认宽度过渡到自定义宽度，并在悬停结束后过渡回默认宽度。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。
相关·内容
我认为这将是一个很好的触摸添加一些CSS过渡到我的网站，以使悬停影响淡入/退出。我认为一种非常简单的方法是使用下面的代码：
a, div, input, button{
-webkit-transition: background .5s;
transition: background .5s;
}
这将使任何背景变化逐渐消失。当然，不是每个a，div，输入和按钮在我的网站上有一个背景变化悬停，所以你不会看到所有的过渡。但这让我想知道，如此宽泛的过渡是否会导致浏览器性能问题，特别是在手机上。
你怎么看？可以像上面那样实现吗？还是我应该只将转换应用到特定的元素/类中？
浏览 4提问于2016-05-25得票数 1
回答已采纳
我正尝试在一个图像上实现一个过渡，这样当我将鼠标悬停在它上面时，图像就会随着平滑的过渡而扩展。我在Tailwind Play https://play.tailwindcss.com/QfZSly1nEB上重新创建了我的问题。 如图所示，悬停在图像上的效果与预期相同，图像大小也会发生变化，但不会像预期的那样具有动画效果。我遵循了docs中关于转换属性的指导，但没有成功
浏览 48提问于2021-10-19得票数 1
2回答
我有这个密码..。
<img class="logo" src="img/logo.jpg"> <!-- Logo size is 96x96 -->
...and this
.logo {
transition: .5s;
}
.logo:hover {
transition: .5s;
width: 128px;
height: 128px;
}
它在悬停时调整大小，但在过渡时不调整大小。我只需将它悬停，它就会立即调整大小，我不知道为什么transition不工作。
浏览 1提问于2020-06-11得票数 1
回答已采纳
我有一个带有背景颜色、背景图像和一些文本的div。我希望，当我悬停div时，背景图像会慢慢消失，就像过渡效果之类的，但文本和颜色在div中仍然可见。我对任何类型的方法都持开放态度。
浏览 2提问于2017-06-09得票数 0
回答已采纳
1回答
当你将鼠标悬停在列表项上时，我试图为红色边框添加一个过渡，但只有当你悬停在列表项目上时，过渡才会起作用。
有没有可能为红色边框添加一个过渡，这样当你悬停时它就会滑出？以下是代码
浏览 1提问于2013-02-21得票数 0
回答已采纳
当您更改字体重量时，如何阻止文本在悬停状态下移动？
我的标准<a>有一个font-weight: 300，然后在悬停时更改为font-weight: 700，这会导致文本移动，您如何解决这个问题？
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix {
displ
浏览 9提问于2015-12-09得票数 6
现在im具有一个由div容器(form-group)扭曲的输入文本元素。
并将宽度设置为输入文本元素的宽度为100% (width: 100%)。我希望输入的文本将覆盖form-group div元素的整个宽度。结果对我来说有点奇怪。输入文本，它喜欢它从form-group 元素中流出来，就像这里的图片：
在这张图片中，im当前将form-group元素悬停，您可以看到橙色部分，这是它的边缘，但是您可以看到，输入文本元素，我高亮显示的部分就像覆盖form-group元素的边缘，这证明了输入文本元素是从它的容器元素(即form-group元素)中流出来的。这很奇怪，至少对我来说，因为我
浏览 6提问于2021-09-05得票数 2
回答已采纳
我想知道是否有可能改变内联文本的高度，而不拉伸字体，也不改变css中的行高。
当我有一个带有悬停效果的多行链接时，就会出现一个问题:当鼠标悬停在这些行上时，效果会因为行高的增加而闪烁：
有没有其他方法可以做到这一点？
浏览 3提问于2009-06-03得票数 29
回答已采纳
3回答
我注意到: Tailwindcss中的悬停使用默认的悬停选择器，这会导致移动上的“卡住”悬停状态。是否有一种方法可以将“悬停”函数改为“@media”(悬停:悬停)？
浏览 1提问于2019-06-25得票数 17
回答已采纳
我一直在尝试让一个带有文本的悬停框在用户悬停在图像上时出现在它的上方。问题是，我的图像有一个过渡效果，当用户悬停在上面时，它会变得更大。我需要用悬停框来模拟同样的事情，但我在定位和过渡方面遇到了困难。
下面是我的代码：
.img__wrap {
position: relative;
height: 200px;
}
.img__description {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
color: #fff;
opacity: 1;
visibility: hi
浏览 2提问于2017-06-13得票数 0
回答已采纳
2回答
我希望在图像悬停时出现图像的标题(这并不是真正的标题)。文本应该从左到右显示，因此当图像悬停时，它的容器应该在X轴上生长。我已经能够使文本出现在悬停，但过渡效果是我被困的地方。
这就是我尝试过的：
CSS:
.morbid {
display: none;
margin-left:10px;
}
a:hover + .morbid {
position:relative;
display: block;
}
HTML:
<a>
<img src='.../goals/sia.png'>
</a>
<div cla
浏览 5提问于2015-10-15得票数 2
如果文本溢出超过一行，我将使用truncate在TailwindCSS中生成文本省略，但它不起作用。
我的代码在下面不起作用：
<div className="ml-1 inline-block">
<span>Label: </span>
<span className="font-semibold truncate">
long textttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt
浏览 23提问于2022-02-12得票数 2
回答已采纳
我试图列出一些链接(没有子弹或数字)，我有一个a:悬停类，添加了一些填充和背景色。代码看起来像这样
<p>
<a href="google.ca">Google</a></br>
<a href="bing.ca">Garbage Google</a>
</p>
css看起来像这样
.p{
padding: 20px;
background-color: #ffffff;
display: inline-block;
}
a:hover{
padding: 0px 5px 0p
浏览 6提问于2016-03-06得票数 0
回答已采纳
1回答
我很难理解如何使用TailwindCSS转换实用程序在这个角度组件中执行简单的宽度转换。例如，下面的按钮通常显示一个SVG图标。但是，有时它会显示一条文本消息。当显示文本消息而不是SVG图标时，按钮的宽度会发生变化。我想添加一个宽度变化的过渡(在两个方向上)，但我不知道怎么做。感谢任何人的帮助！
<button class="bg-green-600 text-green-100 ring-green-400 p-4 rounded-full focus:outline-none">
<span *ngIf="buttonText" cla
浏览 21提问于2021-06-10得票数 1
2回答
我使用jquery来触发div的悬停，另一个div的调整大小：
$("#lggroup").hover(function()
{
$("#register").css("width", "200px");
}, function()
{
$("#register").css("width", "0px");
});
第二个div对它有一个过渡效应，它最初不影响更改，但在第二个悬停之后影响。
transition: width 0.25s;
虽然没有断裂，但突然的宽度膨
浏览 1提问于2015-08-21得票数 2
回答已采纳
2回答
我可以在CSS悬停时反转过渡动画吗？
当我悬停在“菜单”文本时，我需要滑到右边的蓝线，在400 to后从左边的灰色线延迟滑动。
有可能吗？
.menu {
display: inline-block;
position: relative;
font-family: sans-serif;
font-size: 32px;
font-weight: bold;
}
.menu:before, .menu:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
displ
浏览 0提问于2018-08-12得票数 1
回答已采纳
使用CSS时，当图像或框悬停在其上时进行编码时会出现意外的结果。如果鼠标位于过渡开始时的单击区域中，而不是结束时，过渡效果将无限期重复，如果没有延迟，则会卡顿。下面是这个问题的一个简单的html / css演示：
div {
height: 200px;
width: 200px;
background-color: red;
}
div:hover {
margin-left: 100px;
}
<!doctype html> <html>
<head> <title> Hover / Transit
浏览 1提问于2018-09-08得票数 1
1回答
我在Microsoft Edge中有一个bug。悬停期间的<div>具有带有transition: transform 1s;的transform: scale(1.5);。但是，当你将光标移到div，等待1秒，移出，然后快速移动到div，div的刻度被打破，过渡消失。有什么方法可以解决这个问题吗？这是。
div {
background-color: green;
transition: transform 1s;
height: 100px;
width: 100px;
}
div:hover {
transform: scale(1.5);
}
&l
浏览 3提问于2017-08-08得票数 5
回答已采纳
我用TailwindCSS做一个项目，我被困在一个奇怪的插孔上。
我正在寻找的结果是，当我悬停在一个按钮的外面有一个环，但是使用来自尾风的环类，我不能在悬停上得到这个环，但是它使用焦点。
在填写错误报告之前，我想也许你们可能会看到我以前的错误？
为了重现我的问题，我做了尽可能小的代码： codepen包含以下简单代码：
<button class="mt-4 ml-4 px-8 py-2 text-white bg-yellow-500 ring-offset-2 ring-transparent ring-2 focus:ring-red-500 hover:ring-red-
浏览 2提问于2021-03-10得票数 5
回答已采纳
设置文本框的宽度(即，输入type=“文本”)和文本区域到500px不能在IE6和Chrome中工作，只有在FF2中可以正常工作(还没有测试其他浏览器)，IE和Chrome在文本框中增加了两个像素。
将所有元素的填充和边距设置为0。
*
{
margin: 0px;
padding: 0px;
}
将doctype从xhtml1.0过渡到严格也不起作用。
浏览 0提问于2009-02-10得票数 12
我有以下问题。我有一个启用了自动完成功能的登录表单。但是，当用户单击一个空的文本输入字段(弹出一个带有建议用户名的下拉列表)，然后当用户将鼠标悬停在下拉列表中的一个用户名上时，文本输入字段的样式在垂直方向上变大了几个像素，弄乱了我的页面。我试着在谷歌上搜索，想找出如何设计这种行为，但没有效果。
浏览 6提问于2019-06-26得票数 1
回答已采纳
2回答
使用转换延迟翻转div？
、、、
我正在尝试在悬停div上添加一个过渡延迟，从阅读中我了解到"display:none“不能有一个过渡延迟，这是阻止我的原因，它需要用另一种方式来完成。
我曾尝试使用z-index，但没有成功，也使用了可见性，但这导致了单独的问题，因为我将不同的文本和图像显示为默认和悬停，可见性函数影响间距，因为我认为它们仍然占据空间，但不显示。
这是我到目前为止所知道的：
有没有人有或者知道一种方法，可以在完全改变显示的div的同时，使其滚动并带有转换延迟？使用纯css、jquery或javascipt？
谢谢!
浏览 18提问于2017-08-30得票数 0
回答已采纳
1回答
我刚开始接触复杂的编程，我知道CSS和HTML的基础知识，我开始学习更复杂的东西，比如过渡和动画，但我已经被一些东西卡住了一段时间。您到底如何向过渡中添加文本？例如，您向div元素添加了一个过渡，它向下滑动，没有任何东西，但您想要在它向下滑动时添加文本。如何添加文本？我不确定这有多清楚，如果它混淆了一些，我道歉！但在基本情况下，我想要做的是当你将鼠标悬停在它上面时，让过渡向下滑动(我已经做到了)，并使文本只在你悬停时出现(就像在新暴露的区域中，过渡产生了！)如果可以，请帮助我！感谢您阅读c：
浏览 0提问于2015-05-09得票数 0
1回答
我希望当鼠标悬停在工具提示上时，工具提示文本会过渡，但我不希望在鼠标悬停在工具提示文本本身所在的空间时显示工具提示文本。 如果禁用'visibility: hidden‘，则过渡是平滑的，但工具提示文本所在的空间将变为可交互的。如果'visibility: hidden‘保持不变，则转换的执行效果很差。我希望过渡工作没有空间的工具提示文本所在的位置，以响应悬停。 .tooltip {
position: relative;
display: inline-block;
}
.tooltip .tooltiptext {
/* visibility: h
浏览 8提问于2021-06-20得票数 0
当我尝试在TextView中显示带有文件扩展名的文本时，它不能正确换行。每次文本都会在第一个文件扩展名前面的最后一个单词上换行，并在开头加上圆点。
代码示例：
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertic
浏览 0提问于2019-04-11得票数 1
语言：Javascript / jQuery / PHP
我想要完成的，类似于你在这页的气泡上看到的悬停效果：
我使用CSS3实现了类似的效果，但是转换并不像页面上的那样顺利，所以我选择了使用Javascript。
我在这里做的是，当在上盘旋时，会使div气泡的宽度和高度增长10%。
但我不知道如何按百分比调整border-radius和的利润率？
$(".colored-bg").each(function() {
$.data(this, 'size', { width: $(this).width(), height: $(this).heigh
浏览 3提问于2012-11-03得票数 1
回答已采纳
我试图使输入文本看起来像一个跨度。我希望我的用户能够在没有注意到他在字段的情况下输入文本。
我几乎成功了，最后一个问题是关于输入的宽度。输入文本比它要替换的文本更宽。这是。(你可以点击“文本”来键入你的)。
下面是有趣的css部分：
input {
background-color: transparent;
padding: 0px;
border: initial;
font: inherit;
margin: 0px;
}
浏览 7提问于2014-08-19得票数 4
回答已采纳
1回答
在中，如果您悬停在其中一个未褪色的面孔上，则会在过渡期间出现一些文本，然后消失。如果您在其中一个褪色的面孔上做了同样的事情，在过渡期间，文本就会出现在它上面，然后似乎跳到了每件事的后面。
我试过改变所有相关元素的z指数，但似乎没有任何效果。我怎样才能让它从看不见的消失到可见的，然后留在那里？
这是重要的scss的精简版本。
.value-tweet-container {
z-index: 2000;
-webkit-transition: opacity 0.5s ease-in;
-moz-transition: opacity 0.5s ease-in;
浏览 3提问于2014-11-04得票数 0
回答已采纳
2回答
如果您将过渡放置在下面，CSS过渡属性可以让您在悬停-输入和悬停-输出上都设置动画：
#inner{
opacity:0;
transition:opacity 2000ms;
}
#outer:hover #inner{
opacity:1;
}
但是，如果转换为:hover状态，则仅在悬停时发生。
#inner{
opacity:0;
}
#outer:hover #inner{
opacity:1;
transition:opacity 2000ms;
}
是否有可能进行相反的操作，即仅在悬停时设置动画？
浏览 0提问于2015-01-12得票数 12
回答已采纳
1回答
我想写一个带有一些输入字段的公式。我使用Tailwind 2和新的网格系统。 我想要在第二行有一个3列的公式(grid-col 3)，我有一个col-span-2来有一个超过2列的行，因为我想在那里放置一个更大的文本区。每次输入的标签大小都是w-1/2。当我有一个colspan 2的时候，我想我可以简单地将标签的宽度改为w-1/4，将文本框改为w-3/4，因此标签的大小必须与所有其他标签的大小相同，只有输入的大小必须更大。我做错了什么？来自w-1/4的标签比另一个大2像素。 这里我有一个指向代码示例的链接。https://play.tailwindcss.com/IqYsmfxpwJ
浏览 12提问于2020-11-22得票数 2
我希望在将鼠标悬停在卡(div)而不是卡本身上时，只对图像进行动画处理。我该怎么做呢？ 我们的计划是让图像动画-反弹时，悬停在卡片上，只有图像，而不是卡片或里面的文本。 另外，我使用next/image作为图像。 普通的CSS，我会嵌套css，它可以工作，这可以用TailwindCSS实现吗？ 提前感谢
浏览 31提问于2021-07-23得票数 0
我在一个父元素中有两个子元素，其中第一个子元素总是可见的，而第二个子元素仅在悬停时可见。由于我有适合的内容设置为父母的宽度，当我悬停时，父元素扩展。我需要的是为这一扩张平稳过渡。我做这些都是有反应的。谢谢
请检查上下文：
.parent{
display: flex;
justify-content: space-evenly;
background-color: #f31d84;
width: fit-content;
}
.icon{
margin: 5px;
}
.text{
display: none;
margin: 5px;
}
.parent:h
浏览 7提问于2020-11-13得票数 4
回答已采纳
1回答
悬停时顺风文本颜色不变
、、、、
当我悬停在按钮上时，我试图让按钮中的文字颜色改变，但它不起作用.我的反应代码是
<button className="px-4 py-2 bg-blue-500 text-light hover:bg-light hover:border-2 hover:border-blue-500 hover:text-blue-500">Sign Up</button>
我的顺风配置文件如下所示
const colors = require("tailwindcss/colors");
module.exports = {
p
浏览 7提问于2021-11-11得票数 2
回答已采纳
我有三个div占据了三分之一的水平空间。当我悬停在其中的一个，它过渡到三分之二的水平空间。当我悬停在那个div上时，我希望剩下的两个div两个缩小到一个六分之一。所以，基本上，我希望当第一个div膨胀时，它们能填充任何水平空间。
就像这样：
--div3 1
悬停时：
这是可能的css吗？
谢谢一堆人！
浏览 4提问于2014-02-25得票数 0
回答已采纳
3回答
好吧，我希望问题很简单，table表示数据，通过悬停td元素，我将其替换为文本输入。问题是输入框有一些默认宽度，这会使表格闪烁。
如何正确设置输入框？我是否应该采用第一个td宽度大小并简单地设置为输入框？
//更好一点，输入框和外面的字体是不同的
//移除大纲
我认为现在发现了问题，当设置文本比宽度大一点时，行的比例更大，但输入框适合里面的文本，并且不会改变宽度。
浏览 0提问于2012-02-18得票数 0
回答已采纳
4回答
CSS悬停在文本上？
、、、
如果我有以下带有自定义CSS类的HTML： .custom_list_item {
color: black;
}
.custom_list_item:hover {
color: red;
} <div class="custom_list_item">Test</div> 这使得当我将鼠标悬停在整个框上时，它会使文本变为红色。有没有办法确保只有当我将鼠标悬停在文本上时才会发生这种情况？
浏览 24提问于2019-03-19得票数 3
回答已采纳
2回答
正在尝试让我的网站转换文本-阴影开关悬停。当我使用没有指定属性的过渡时，您可以看到字体大小、颜色等过渡。当在转换中指定text-shadow属性时，不会出现任何转换(当前使用Chrome进行测试)。 nav ul li a {
color: white;
transition: text-shadow 0.5s ease;
}
nav ul li a:hover {
color:grey;
text-shadow: 2px 2px 10px rgba(255,255,255,0.23);
}
浏览 32提问于2020-09-29得票数 0
我有一张桌子，它的宽度与窗户的大小相吻合。
我在这个表中使用了几个FormField和PlainTextContentControls。
但是默认情况下，FormField文本输入字段的宽度很小。
我希望这些FormField文本输入字段的大小符合这个单元格的大小。
我怎样才能做到这一点？
浏览 3提问于2013-10-25得票数 2
回答已采纳
2回答
如果文本比当前输入宽度更宽，我希望显示输入类型文本的内容。
当我将字段悬停时，我希望文本滚动到左边或类似的地方，以便查看隐藏的文本。
谢谢。
注:请告诉我，如果我必须添加/更改问题的标签，请。
浏览 3提问于2013-10-06得票数 0
回答已采纳
1回答
我尝试了来自w3schools：的例子，但是我在CSS中做了同样的工作，但是它不起作用。
CSS：
nav > ul > li{
display: inline-block;
padding: 0px;
margin: 0px;
transition: width 2s;
}
nav > ul > li:hover{
width: 20%;
}
悬停是没有问题的，但是过渡不会.这应该很容易
浏览 2提问于2015-03-20得票数 1
回答已采纳
我的目标是有一个带有标题的表格，当您将鼠标悬停在标题单元格上时，它可以平滑地扩展(使用CSS transition)到单元格内容的完整文本宽度。我目前的方法是让标题单元格中的文本容器具有固定的ch宽度，并让该容器在悬停时扩展为100%或固定的px宽度。 这样做的实际原因是，我正在处理的表的可用宽度非常有限，这将是一种在不删除列的情况下缩小整体宽度的方法。与在鼠标悬停时弹出工具提示相比，这种显示全文的方式在标题中显示全文会更有吸引力。 我希望列中所有单元格的宽度能够平滑地过渡到新的标题单元格宽度。当前，唯一平滑展开的元素是悬停在标题单元格中的展开容器，列中的实际单元格展开时不会过渡到新的计算宽
浏览 22提问于2020-04-08得票数 1
回答已采纳
1回答
扩大圆的宽度
、、、
我对CSS3动画非常陌生，我想知道你如何做以下一件:我有一个圆圈：
在悬停时，我希望扩展圆圈的宽度，使其成为一个带有过渡的丸状形状，如下图所示：
这就是我试过的。问题是，当宽度扩大时，圆圈会转变为椭圆：
.logo {
background: red;
width: 100px;
height: 100px;
border-radius: 50%;
transition: width 2s;
}
.logo:hover {
width: 300px;
}
<div class="logo"></div>
浏览 2提问于2015-04-28得票数 8
回答已采纳
1回答
我的代码上的转换没有转换出来。当我将鼠标悬停在它上面时，它是好的，但当我把鼠标移开时，它就会返回到原来的位置，而不会过渡。
代码如下：
#nav a {
display:inline-block;
text-transform:lowercase;
width:35px;
padding:5px;
margin-left:3px;
font-size:9px;
letter-spacing:1px;
text-align:left;
border-bottom:1px solid {color:border};
-webkit-transition: all 0.7s ease-out;
-m
浏览 0提问于2013-07-28得票数 0
我正试图在图像上实现两个悬停效果。
首先，当用户在图像上方盘旋时，图像右上角会出现一个加号图标。
第二，当用户悬停在加号上时，图标更改为：“添加到集合”。
所有这些事件都需要平稳过渡。
我的第一个问题是，对于第一次悬停，我无法得到任何平稳的过渡。
我的第二个问题是，我不知道如何实现第二次悬停-我做了很多谷歌搜索，但这似乎不是一个共同的效果。
下面是我到目前为止尝试过的代码(使用填充默里占位符图像)：
HTML：
<div class="item">
<a href="#" class="item-link">
浏览 0提问于2016-01-11得票数 0
回答已采纳
我正在尝试增加文本的宽度，我不是试图使它变得粗体，我是试图保持文本的内部，empty.My的想法是用一种颜色填充文本，然后悬停改变颜色。
下面是我想要实现的目标：
问题是我找不到使用css增加文本宽度的方法(我是通过javascript找到的，但是文本采用了图像的属性)(因此鼠标悬停效果是不可能的)(我在这里的w3schools教程中找到了使用javascript增加字体宽度的方法
)
我正在寻找一个html解决方案(不是画布)
我知道在CSS3/HTML5中有一个捷径可以达到这个效果，但是我不能回忆/搜索我看到这个效果的网站。
如有任何帮助，我们将不胜感激。
浏览 2提问于2013-01-11得票数 0
我有以下html：
<div class="box">
<div class="box-left">
<p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet</p>
</div>
<div class="box-right">
<button>Resource View</button>
<button>Employee View</but
浏览 3提问于2013-10-15得票数 4
回答已采纳
1回答
我已经创建了一个带有jquery悬停效果的导航。
导航仪工作，唯一的问题是当你把屏幕变宽或小于800px，然后按下红色框来显示切换导航仪。悬停菜单从全宽菜单中拾取jquery。
如何阻止jquery悬停菜单不显示主菜单的悬停状态。
/* MAIN MENU DROPDOWN
===================================*/
$("#toggle-nav").click(function () {
$("#nav").slideToggle('slow');
});
/* MAIN SETTINGS SHOW
浏览 3提问于2013-10-28得票数 1
Chrome显然在引用<datalist>的文本输入中添加了下拉箭头。它出现在Chrome 34 (金丝雀)，但没有出现在目前的稳定版本(Chrome 31)。
只有当文本字段聚焦(请参阅更新)并应用于输入类型text和search时，它才会出现。
就本机浏览器实现而言，情况可能会更糟，但正如您在图像中所看到的，它与我的设计规范相冲突。
有人知道如何删除或替换这个新特性吗？
<datalist id="list"><option value="foo"><option value="bar"&g
浏览 10提问于2014-01-05得票数 70
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
