Question

＆＃13;

import threading
import cv2

exitTask = False
def threadTask():
    global frame
    if not exitTask:
        threading.Timer(1.0, threadTask).start()
        cv2.imwrite("Threads.jpg", frame)
        print "Wrote to file"

cap = cv2.VideoCapture(0)

try:
    ret, frame = cap.read()
except Exception as err:
    print err
    exit(0)

threadTask()

while(True):
    try:
        ret, frame = cap.read()
        cv2.imshow("Cam", frame)
        cv2.waitKey(1)
    except KeyboardInterrupt:
        exitTask = True
        cv2.destroyAllWindows()
        exit(0)

＆＃13;

 .btn_style{
   border: none;
   outline: 0;
   background: #edf1f2;
   border-radius: 2px;
   width: 90px;
   height: 30px;
}
.btn_style:focus{
   border: thin #c7d3d6 solid;
   width: 90px;
   height: 30px;
   outline: 0 !important;
}

＆＃13;

当我点击按钮时，文字会略微移动。

任何帮助都会很棒。

谢谢。

Answer 1

＆＃13;

.btn_style{
            border: none;
            outline: 0;
            background: #edf1f2;
            border-radius: 2px;
            width: 90px;
            height: 30px;
            padding:0;
            margin:0;
             
          }

          .btn_style:focus{
            border: thin #c7d3d6 solid;
            width: 90px;
            height: 30px;
            outline: 0 !important;
          }

＆＃13;

<button type="button" class="btn_style">Medium</button>

＆＃13;

将padding:0和margin:0添加到.btn_style。这将解决您的问题。

希望这有帮助。

Answer 2

为您的按钮试用此代码

.btn_style {
    margin:0px;
    padding:0px;
}

＆＃13;

.btn_style {
    border: none;
    outline: 0;
    background: #edf1f2;
    border-radius: 2px;
    width: 90px;
    height: 30px;
    margin: 0px;
    padding: 0px;
}

.btn_style:focus {
    border: thin #c7d3d6 solid;
    width: 90px;
    height: 30px;
    outline: 0 !important;
}

＆＃13;

<button type="button" class="btn_style">Medium</button>

＆＃13;

Answer 3

默认用户代理样式因浏览器中的button元素而异。但在Chrome 55上无法重现。

为安全起见，请始终将padding: 0; margin: 0添加到button个元素中。

CSS：按钮文本在单击时移动

3 个答案: