【css】关于css样式中border-radius和border-image不兼容问题

<div class="out">
		<div class="in">
			Log Out
		</div>
</div>

<style type="text/css">
		.out{
			margin: 0 auto 10rpx;
			width: 336rpx;
			height: 64rpx;
			box-sizing: border-box;
			border-image: linear-gradient(270deg, rgba(15, 149, 136, 1), rgba(0, 120, 178, 1)) 2 2;
			font-size: 28rpx;
			font-family: Helvetica;
			color: #0078B2;
			line-height: 64rpx;
			text-align: center;
			border-radius: 44rpx;
		}
		.in{
			width: 100%;
			height: 100%;
			border-radius: 44rpx;
			text-align: center;
			border: 2rpx solid;
		}
	</style>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29