将图标做成背景图就可以啊，比如：
<input type="text" style="background:url('arrow.png') right center no-repeat;" />arrow.png指箭头图片，将图片作为输入框的背景图即可实现那种效果。
但是这个三角形点一下会出现历史登陆过的帐号，只用个三角形图做背景图的话没有这功能吧？
追答这功能是需要结合后台记录显示的吧
纯CSS 实现三角形的 3 种方式
Border：通过设置元素的边框，尤其是当边框宽度为0，但颜色各异时，可以形成三角形。例如，让上边框可见，其他边透明，可得到指向下方的三角形；调整边框值，可实现不同方向和大小的三角形，甚至等边三角形。 Linear-gradient：结合背景渐变和 background-image，首先绘制长方形，然后调整渐变角度和大小，...
如何设置导航栏为三角形、圆圈、正方形?
首先，对于三角形导航栏的设置，可以利用CSS的边框属性。例如，要创建一个向上的三角形，可以设置一个元素的宽度和高度为0，然后将边框底部设置为实线，而其他三边设置为透明。通过调整边框的宽度和颜色，可以控制三角形的大小和颜色。这种方法利用了边框连接处的斜角效果来形成三角形。其次，设置圆圈导航栏...
利用CSS border实现三角形图标效果及原理解释
结果如下 从图上我们可以清晰的看出，当我们给DOM元素设置宽高为0的时候，此时设置边框，上、下、左、右、将以上图右中圆心散开往外扩展（圆心标点是方便观察点的，真实是不存在的），最终形成一个由四个相同三角形组成的，宽度是border宽度2倍的正方向，每一个三角形正是我们设置的不同方位的border...
如何设置导航栏为三角形、圆圈、正方形?
对于三角形，可以使用CSS的边框技巧来创建。例如，一个向上的三角形可以通过将一个元素的边框底部设置为实线，而其他三边设置为透明来实现。这种方法利用了边框连接处的斜角效果。对于圆圈，我们可以通过设置元素的宽度和高度相等，并且边框半径为50%来实现。例如，一个宽高都是100px的元素，加上50%的边框...
如何用css3绘制有边框的三角形
最容易想到的，是叠加层。思路是将两个三角形叠加在一起，外层三角形稍大一些，颜色设置成边框所需的颜色；内层三角形绝对定位在里面。整体就能形成带边框三角形的假象。这里就涉及到一个绝对定位的问题，上、下、左、右四种方向的三角形相对于父级定位是不同的。首先我们来看下，当定位都为0（left:...
如何用css实现直接画出三角形以及对话形式的三角形(附代码)
本篇文章给大家带来的内容是关于如何用css实现直接画出三角形以及对话形式的三角形（附代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。在商品展示中，画三角形的出现的也挺多的，左上角的三角标签，又或者对话形式的三角形，带阴影效果等，在此记录下1、直接添加三角形 想...
CSS如何实现 左边按钮 右边显示连接页面
左边可以是任意HTML，右边用框架，并设置名称：如： 查看 最简单的方法如上。
Effective前端(3)用CSS画一个三角形
实现步骤：1. 绘制深色三角形。2. 绘制白色三角形，并将其位置与深色三角形错开2个像素，以显示深色三角形的边缘。示例代码：css .triangle-with-border { width: 0;height: 0;border: 50px solid red;border-bottom: 50px solid transparent;} .triangle-with-border-border { width: 0;height:...
css程序如何使用border绘制三角形?
在CSS中画三角形通常利用border属性来实现，通过设置三个边的宽度为0，并为一个边提供颜色，结合transform属性进行旋转，可以创建一个三角形。以下是几种常见的CSS三角形的实现方法：方法1：使用border `.triangle`类创建了一个红色的三角形，其中`border-width`定义了三角形的三个宽度，最后一个宽度定义...
怎么用纯CSS制作带小三角的tooltip提示框
使用CSS制作小三角形实际就是通过控制块元素的边框来实现的。例如：.triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red;}.triangle-down { width: 0; height: 0; border...
