<style>
input {
/* 内部黑色阴影 */
outline-style: none;
border:0;
border-bottom: 1px solid #ccc;
padding: 7px 0;
width: 180px;
font-size: 24px;
/* 外部阴影 */
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}
</style>
</head>
<body>
<input type="input">
</body>