要在图片中选中文字后显示蓝色框，可以通过CSS样式来实现。以下是一种实现方法：

1. 首先，在HTML代码中将图片和文字包裹在一个容器元素内，例如使用`<div>`元素包裹图片和文字。

```html

<div class="image-container">

<img src="your-image.jpg" alt="Your Image">

<p>Some text</p>

</div>

```

2. 在CSS中添加样式，为选中的文字添加蓝色框。

```css

.image-container {

position: relative;

}

.image-container::after {

content: "";

position: absolute;

top: 0;

right: 0;

bottom: 0;

left: 0;

border: 2px solid blue;

pointer-events: none;

z-index: 1;

}

.image-container p::selection {

background-color: transparent; /* 使选中文字背景透明 */

}

.image-container p::-moz-selection {

background-color: transparent; /* 适用于Firefox浏览器 */

}

```

这段CSS样式中使用了伪元素`::after`来创建一个覆盖整个容器的蓝色边框。`::selection`和`::-moz-selection`分别用于设置选中文字的样式，将其背景透明以避免覆盖蓝色边框。

请注意，这种方法只适用于选中整个段落或行内元素的文字，而无法实现选中部分文字后显示蓝色框。