Question

我有几个输入字段，我已经给出了一些边框舍入。我面临的问题是在场的右侧和底部出现阴影。我想控制它的宽度以及颜色和其他一些属性。我使用了box shadow属性，但是创建了另一个阴影，而不是删除或设置这个阴影。那么，如果它不是一个盒子阴影以及如何设置它的风格，这是什么小东西..

.options {
    width:40px;
    text-align:center; 
    margin-left:30px;
    border-radius: 5px;
    border-style:outset;
    box-shadow: none;	
}

<input type="text" class="options" id="3" name="1" value="3" readonly>

Fiddle

Answer 1

这是border-style:outset的默认行为。你应该用像solid一样的东西覆盖它。

.options {
    width:40px;
    text-align:center; 
    margin-left:30px;
    border-radius: 5px;
    border: solid 1px grey;
}

<input type="text" class="options" id="3" name="1" value="3" readonly />

Answer 2

在您的课程中添加border:none;或添加border:1px solid grey;

.options {
    width:40px;
    text-align:center; 
    margin-left:30px;
    border-radius: 5px;
    border-style:outset;
    box-shadow: none;   
    border:none;
}

或

.options {
        width:40px;
        text-align:center; 
        margin-left:30px;
        border-radius: 5px;
        border-style:outset;
        box-shadow: none;   
        border:1px solid grey;
    }

删除输入类型文本右侧和底部的默认阴影

2 个答案: