diff --git a/src/css/layui.css b/src/css/layui.css
index eb8021e3..ed0a2f7b 100644
--- a/src/css/layui.css
+++ b/src/css/layui.css
@@ -1509,12 +1509,12 @@ body .layui-util-face  .layui-layer-content{padding:0; background-color:#fff; co
 .layui-slider-wrap-btn.layui-disabled:hover{transform: scale(1) !important;}
 .layui-slider-tips{position: absolute; top: -42px; z-index: 77777777; white-space:nowrap; display: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #FFF; background: #000; border-radius: 3px; height: 25px; line-height: 25px; padding: 0 10px;}
 .layui-slider-tips:after{content: ""; position: absolute; bottom: -12px; left: 50%; margin-left: -6px; width: 0; height: 0; border-width: 6px; border-style: solid; border-color: #000 transparent transparent transparent;}
-.layui-slider-input{width: 70px; height: 32px; border: 1px solid #eee; border-radius: 3px; font-size: 16px; line-height: 32px; position: absolute; right: 0; top: -14px;}
+.layui-slider-input{width: 70px; height: 32px; border: 1px solid #eee; border-radius: 3px; font-size: 16px; line-height: 32px; position: absolute; right: 0; top: -14px; box-sizing: border-box;}
 .layui-slider-input-btn{position: absolute; top: 0; right: 0; width: 20px; height: 100%; border-left: 1px solid #eee;}
 .layui-slider-input-btn i{cursor: pointer; position: absolute; right: 0; bottom: 0; width: 20px; height: 50%; font-size: 12px; line-height: 16px; text-align: center; color: #999;}
 .layui-slider-input-btn i:first-child{top: 0; border-bottom: 1px solid #eee;}
 .layui-slider-input-txt{height: 100%; font-size: 14px;}
-.layui-slider-input-txt input{height: 100%; border: none;}
+.layui-slider-input-txt input{height: 100%; border: none; padding-right: 21px;}
 .layui-slider-input-btn i:hover{color: #16baaa;}
 /*垂直滑块*/
 .layui-slider-vertical{width: 4px; margin-left: 33px;}
diff --git a/src/modules/slider.js b/src/modules/slider.js
index eab3bafe..c0f3e350 100644
--- a/src/modules/slider.js
+++ b/src/modules/slider.js
@@ -179,7 +179,7 @@ layui.define(['jquery', 'lay'], function(exports){
 
     //插入输入框
     if(options.input && !options.range){
-      var elemInput = $('<div class="layui-slider-input layui-input"><div class="layui-slider-input-txt"><input type="text" class="layui-input"></div><div class="layui-slider-input-btn"><i class="layui-icon layui-icon-up"></i><i class="layui-icon layui-icon-down"></i></div></div>');
+      var elemInput = $('<div class="layui-slider-input"><div class="layui-slider-input-txt"><input type="text" class="layui-input"></div><div class="layui-slider-input-btn"><i class="layui-icon layui-icon-up"></i><i class="layui-icon layui-icon-down"></i></div></div>');
       othis.css("position","relative");
       othis.append(elemInput);
       othis.find('.' + SLIDER_INPUT_TXT).children('input').val(options.value);