小编Mat*_*ian的帖子
使用CSS将图像放在底部边框的中心
一切都在这篇文章的标题中解释.我正在尝试将PNG图像放在div元素的中心底部边框中.
.content_block {
border: ridge;
border-width: 1px;
border-color: #969696;
height: 200px;
width: 200px;
}
.content_block.orange {
background-image: linear-gradient(#FBB03B, #FF9933);
}<div class="content_block orange"></div>这是我想要做的事情的图像:
我在网上寻找一种方法,用CSS,边框图像和东西,但没有任何效果.
13
推荐指数
推荐指数
1
解决办法
解决办法
5000
查看次数
查看次数
防止在输入数字中输入字母'e'和点
我有一个简单的输入数字,如下所示:
<input type="number"/>
当尝试输入除数字或字母"e"以外的任何内容时,它不起作用,但是当我键入字母"e"时它起作用.
我查看了w3.org规范,并清楚地说明浮动数字可以使用常规符号(例如10.2)或科学符号(例如:1e2)键入.
所以我的问题是:有没有办法阻止用户输入电子信件和点.换句话来说:有没有办法让输入数字只接受INTEGER NUMBERS？
我有一个Angular指令的想法,我将输入作为输入数字的属性,但我真的不知道如何使这项工作.
编辑:我想要做的是模拟我们现在尝试键入除"e"或"."以外的字母表中的任何其他字母时所具有的相同行为.我想说的是我不想看到输入中出现的字母(就像现在的情况一样).
8
推荐指数
推荐指数
1
解决办法
解决办法
5466
查看次数
查看次数
将输入数字中的用户输入限制为4位数
如何阻止(使用Angular)用户输入一个简单数字中的4个以上的数字,如下所示:
<input type="number">
我使用ng-maxlength和max属性,但w3.org规范和官方网站Angular指定的那些属性不会阻止用户添加更多数字.
我想要的是输入停止在4位数,就像以某种方式添加一个掩码或东西.
1
推荐指数
推荐指数
2
解决办法
解决办法
8579
查看次数
查看次数
元素底部边框上的三角形
我要做的是在CSS的底部边框上用CSS创建一个三角形,并在其中写一些文字,如下图所示:
到目前为止我所做的是:
- 创建块元素,其橙色大底边框.
- 使用CSS创建三角形.
我现在需要的只是将三角形正好放在那个确切位置的中间.我尝试了几种方法来做到这一点,但没有任何结果.
这是我的代码:
.content_block {
position: relative;
border: ridge;
border-width: 1px;
border-color: #969696;
background: #FFF;
}
.content_block.orange {
border-bottom: 40px solid #F59A3C;
}
.content_block > .image {
position: absolute;
display: block;
height: 110px;
width: auto;
top: 20%;
left: 15%;
}
.content_block > .text {
position: absolute;
color: #FFF;
font-weight: bold;
font-size: 12pt;
top: 105%;
left: 33%;
}
.content_block.size_3 {
height: 207px;
width: 240px;
}
.content_block.triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 25px 0 …-1
推荐指数
推荐指数
1
解决办法
解决办法
414
查看次数
查看次数